*{ margin: 0; padding: 0; font-family: "寰蒋闆呴粦";}
li{ list-style: none;}
a{ text-decoration: none;}
img{ border: none;}

/*棣栭〉寮€濮�*/
.header{ width: 100%; height: 115px; position: fixed; top: 0; z-index: 999999;}
.header .top{ width: 100%; height: 40px; background-color: #292929;}
.header .top .content{ width: 1600px; margin: 0 auto;}
.header .top .content .welcome{ float: left; width: 25%; line-height: 40px; font-size: 14px; color: #888;}
.header .top .content .slogan{ float: left; width: 50%; line-height: 40px; text-align: center; font-size: 14px; color: #999;}
.header .top .content .switch{ float: left; width: 25%;}
.header .top .content .switch a{ float: right; display: block; width: 54px; height: 34px; margin-top: 3px; line-height: 34px;text-align: center; font-size: 12px; color: #999;}
.header .top .content .switch a.cur{ background: url(../img/bj1.png) center no-repeat; color: #fff;}
.header .top .content .switch a:hover{ background: url(../img/bj1.png) center no-repeat; color: #fff;}
.header .bot{ width: 100%;height: 75px; background-color: #0c0c0c;}
.header .bot .content{ width: 1600px; margin: 0 auto;}
.header .bot .content .logo{ float: left;}
.header .bot .content .logo img{ float: left; width: 263px; height: 51px; margin-top: 12px;}
.header .bot .content .logo p{ float: left; margin-left: 30px; padding: 22px 30px; border-left: 1px solid #262626; line-height: auto; font-size: 18px; color: #999; margin-top: 5px;}
.header .bot .content ul{ float: right;}
.header .bot .content ul li{ float: left;position:relative; margin-top: 13px; padding-bottom: 21px;}
.header .bot .content ul li a.one{ display: block; width: 105px; height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff;}
.header .bot .content ul li a.cur{ background: url(../img/bj2.png) center no-repeat;}
.header .bot .content ul li a:hover{ background: url(../img/bj2.png) center no-repeat;}
.header .bot .content .down{position:absolute; top:60px; left:50%;  width:130px; margin-left: -65px; display:none; border-top:3px solid #323232 ; background: rgba(0,0,0,0.8); z-index: 99999; }
.header .bot .content .down a{display:block; height: 45px; line-height: 45px; text-align: left; font-size: 12px;  color: #999; z-index: 99999; border-bottom:1px solid #323232 ; text-align: center;}
.header .bot .content .down a:hover{ background: none; color:#fff;}
.header .bot .content ul li:hover .down{ display: block;}





/*.head-v3{ width: 100%; height: 115px; position: fixed; top: 0; z-index: 99999;}

.top{ width: 100%; height: 40px; background-color: #292929;}
.top .content{ width: 1600px; margin: 0 auto;}
.top .content .welcome{ float: left; width: 20%; line-height: 40px; font-size: 14px; color: #888;}
.top .content .slogan{ float: left; width: 60%; line-height: 40px; text-align: center; font-size: 16px; color: #999;}
.top .content .switch{ float: left; width: 20%;}
.top .content .switch a{ float: right; display: block; width: 54px; height: 34px; margin-top: 3px; line-height: 34px;text-align: center; font-size: 12px; color: #999;}
.top .content .switch a{ background: url(bj1.png) center no-repeat; color: #fff;}
.top .content .switch a:hover{ background: url(bj2.png) center no-repeat; color: #fff;}

.navigation-up{background-color: #0c0c0c; height: 75px;}
.navigation-inner{margin:0 auto;width:1600px;}
.logo{ float: left;}
.logo img{ margin-top: 12px; width: 263px; height: 51px; display: block; float: left;}
.logo p{ float: left; margin-left: 30px; padding: 12px 30px; border-left: 1px solid #262626; line-height: auto; font-size: 16px; color: #999; margin-top: 5px;}
.navigation-v3{ float: right;}
.navigation-v3 ul li{ float: left;position:relative; margin-top: 13px; padding-bottom: 21px;}
.navigation-v3 ul li h2 a.one{ display: block; width: 105px; height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff; font-weight: normal;}
.navigation-v3 ul li h2 a.cur{ background:url(../img/bj2.png) center no-repeat;}
.navigation-v3 ul li h2 a:hover{ background: url(../img/bj2.png) center no-repeat;}

.navigation-down{position:absolute;top:115px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background: rgba(0,0,0,0.8);position:absolute;top:0px; padding: 25px 0 10px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 50px 18px 0}
.navigation-down .menu-1 dl{margin:0 50px 20px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 14px "microsoft yahei"}

@media (min-width:1400px) and ( max-width:1600px){
	.top .content{ width: 98%; margin: 0 1%;}
	.navigation-inner{width: 98%; margin: 0 1%;}
}
@media (min-width:1170px) and ( max-width:1400px){
	.top .content{ width: 98%; margin: 0 1%;}
	.navigation-inner{width: 98%; margin: 0 1%;}	
	.navigation-v3 ul li h2 a.one{ display: block; width: 90px; height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff; font-weight: normal; overflow: hidden;}
	.navigation-v3 ul li h2 a.cur{ background:url(../img/bj2.png) center no-repeat; background-size: 100%;}
	.navigation-v3 ul li h2 a:hover{ background: url(../img/bj2.png) center no-repeat; background-size: 100%;}
	.logo p{padding: 12px 0px 0 20px; margin-left: 20px;}
}
@media (min-width:1000px) and ( max-width:1170px){
	.top .content{ width: 98%; margin: 0 1%;}
	.navigation-inner{width: 98%; margin: 0 1%;}	
	.navigation-v3 ul li h2 a.one{ display: block; width: 90px; height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff; font-weight: normal; overflow: hidden;}
	.navigation-v3 ul li h2 a.cur{ background:url(../img/bj2.png) center no-repeat; background-size: 100%;}
	.navigation-v3 ul li h2 a:hover{ background: url(../img/bj2.png) center no-repeat; background-size: 100%;}
	.logo p{padding: 12px 0px 0 15px; margin-left: 15px;}
	.logo img{ margin-top: 15px; width: 232px; height: 45px; display: block; float: left;}
}*/






.phone_header{ display: none;}
.phone_h{ display: none;}
.banner{ width: 100%; height: 600px;}
.banner1{display: none; width: 100%; height: 500px;}
.swiper-container {width: 100%;height: 600px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
.swiper-slide a{ display: block;width: 100%; height: 600px;}
.transy {transform: translateY(60px);-webkit-transform: translateY(60px);transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;opacity: 0;}
.tranShow {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.i1{ position:relative;}
.i1 .place{ position: absolute; width: 10%; height: 100%; right: 0; background-image:url(../img/place1.png); background-size: auto; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; z-index: 99999;}
.i2{ position:relative;}
.i2 .place{ position: absolute; width: 10%; height: 100%; right: 0; background-image:url(../img/place2.png); background-size: auto; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; z-index: 99999;}
.i3{ position:relative;}
.i3 .place{ position: absolute; width: 10%; height: 100%; right: 0; background-image:url(../img/place3.png); background-size: auto; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; z-index: 99999;}
.i4{ position:relative;}
.i4 .place{ position: absolute; width: 10%; height: 100%; right: 0; background-image:url(../img/place4.png); background-size: auto; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; z-index: 99999;}
.i5{ position:relative;}
.i5 .place{ position: absolute; width: 10%; height: 100%; right: 0; background-image:url(../img/place5.png); background-size: auto; background-attachment: fixed; background-repeat: no-repeat; background-position: right center; z-index: 99999;}

.aboutbox{ width: 100%;}
.aboutbox .video{ float: left; width: 49%;height: 505px;} 
.aboutbox .video img{ display: block; width: 100%; height: 505px;} 
.aboutbox .about{ float: left; width: 48%; margin-left: 3%;}
.aboutbox .about .title{ width: 100%; margin-top: 40px;}
.aboutbox .about .title h1{height: 30px; line-height: 30px;  font-size: 30px; color: #fff; font-weight: normal;}
.aboutbox .about .title h6{ margin-top: 15px; height: 14px; line-height: 14px; font-size: 14px; color: #999; font-weight: normal;}
.aboutbox .about .line{ width: 70%; height: 1px; margin: 25px 0; background-color: #444;}
.aboutbox .about .con{ width: 85%; height: 200px; line-height: 30px; font-size: 14px; color: #ccc; overflow: hidden;}
.aboutbox .about .more{ position: relative; display: block; width: 150px; height: 45px; line-height: 45px; margin-top: 30px; border: 1px solid #008ef2; text-align: center; font-size: 16px; color:#fff;} 
.aboutbox .about .more span{ display: block; position: absolute; left: 50%; margin-left: -75px; width: 150px; z-index: 9999; text-transform: capitalize;}
.aboutbox .about .more i{ display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 45px; background-color:#008ef2; transition: all .36s ease; }
.aboutbox .about .more:hover i{ width: 152px;}

@media (min-width:1400px) and ( max-width:1600px){
	.aboutbox .video{ float: left; width: 49%;height: 408px;} 
	.aboutbox .video img{ display: block; width: 100%; height: 408px;} 
	.aboutbox .about .title{ margin-top: 40px;}
	.aboutbox .about .line{margin: 25px 0; }
	.aboutbox .about .con{ width: 85%; height: 150px; line-height: 30px; font-size: 14px; color: #ccc; overflow: hidden;}
	.aboutbox .about .more{ margin-top: 15px;}
}



.develop{ width: 100%; padding: 30px 0; background: url(../img/bj3.png) center no-repeat;}
.develop .wrapper {width: 1600px; margin: 0 auto;}
.develop .wrapper .list { width: 100%;}
.digital{width: 100%;}
.mumping_mun li{ width: 24.9%; min-height: 135px; float: left; border-right: 1px solid #999; text-align: center; position: relative;}
.mumping_mun p{display:block; font-size:16px; color:#999;}
.mumping_mun h2{font-size: 70px; color: #fff;font-weight:100; }
.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 30px; left: 63%; z-index: 22;}
.mun_top{ position: relative;}

/*.develop .wrapper .list .item .attr dd{ width: 24.9%; float: left; border-right: 1px solid #999; text-align: center;}
.develop .wrapper .list .item .attr dd h3{position: relative; }
.develop .wrapper .list .item .attr dd h3 span{font-size: 70px; color: #fff;font-weight:100;}
.develop .wrapper .list .item .attr dd h3 i{ position: absolute; font-style: normal; font-size: 24px; color: #fff;font-weight:100;}
.develop .wrapper .list .item .text_con{display:block; font-size:16px; color:#999;}*/
.caption{ width: 100%; text-align: center;}
.caption h1{height: 30px; line-height: 30px;  font-size: 30px; color: #fff; font-weight: normal;}
.caption h6{ margin-top: 15px; height: 14px; line-height: 14px; font-size: 14px; color: #999; font-weight: normal;}
.probox{ width: 100%; height: 680px; padding-top: 90px; background: url(../img/bj4.png) center no-repeat;}
.probox h2{margin: 0 auto; margin-top: 35px; text-align: center;height: 14px; line-height: 14px; font-size: 14px; color: #ccc; font-weight: normal; max-width: 90%; }
.probox .list{ width: 1600px; margin: 55px auto 0;}
.probox .list li{ float: left; width: 380px; margin-right: 26px;}
.probox .list li:nth-child(4n){ margin-right: 0;}
.probox .list li:first-child+li+li+li{ margin-right: 0;}
.probox .list li a{position:relative; display: block; width: 100%; }
.probox .list li a:hover .pro{opacity: 1; -moz-transform:scale(0.9,0.9); 
-webkit-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9);}
.probox .list li a:hover .pro_top{opacity: 1; -moz-transform:scale(1.1,1.1); 
-webkit-transform:scale(1,1); -o-transform:scale(1,1);}
.probox .list li a:hover .pro_top{ display: block\9;}
.probox .list li a .pro{ width: 380px;transition: all 0.5s;}
.probox .list li a .pro .pic{ width: 380px; height: 250px;}
.probox .list li a .pro .pic img{ width: 380px; height: 250px;}
.probox .list li a .pro .bt{ width: 350px; padding:10px 15px; background-color: #313131;}
.probox .list li a .pro .bt h4{ font-size: 16px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.probox .list li a .pro .bt h5{ margin-top: 5px; font-size: 14px; color:#777; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.probox .list li a .pro_top{ opacity: 0; position: absolute; top:0; left: 0; width: 320px; height: 200px; padding: 60px 30px; background: rgba(12,118,192,0.9);transition: all 0.5s;-moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5);}
.probox .list li a .pro_top{ display: none\9; background-color: #097dce \9;}
.probox .list li a .pro_top h4{ font-size: 24px; color:#fff; font-weight: normal;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.probox .list li a .pro_top h5{ margin-top: 10px; font-size: 18px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.probox .list li a .pro_top span{ display: block; width: 150px; height: 45px; line-height: 45px; margin-top:85px; border: 1px solid #fff; text-align: center; font-size: 16px; color:#fff; text-transform: capitalize;} 
.probox .more{ position: relative; display: block; width: 150px; height: 45px; line-height: 45px; margin: 80px auto; border: 1px solid #008ef2; text-align: center; font-size: 16px; color:#fff;} 
.probox .more span{ display: block; position: absolute; left: 50%; margin-left: -75px; width: 150px; z-index: 9999; text-transform: capitalize;}
.probox .more i{ display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 45px; background-color:#008ef2; transition: all .36s ease; }
.probox .more:hover i{ width: 152px;}
.develop{ width: 100%; padding: 30px 0; background: url(../img/bj3.png) center no-repeat;}
.newsbox{ width: 100%; height: 840px; padding-top: 80px; background: url(../img/bj5.png) center no-repeat;}
#menubox {width: 100%; margin-top: 45px;}
#menubox ul {width: 830px; margin: 0 auto;}
#menubox ul li {float: left; width: 148px; height: 45px; line-height: 45px; margin-right: 76px; border: 1px solid #666; text-align: center; font-size: 14px; color: #999; cursor: pointer;}
#menubox ul li:nth-child(4n){ margin-right: 0;}
#menubox ul li:first-child+li+li+li{ margin-right: 0;}
#menubox ul li.hover {border: 1px solid #008ef2; color: #fff;}
#menubox ul li a{color: #999;}
#con_zzjs_1 {display: block;}
.news_show{display: none; width: 100%; margin-top: 40px;}
.news_show .list{ width: 100%;}
.news_show .list .new{ width: 100%; padding: 25px 0; border-bottom: 1px solid #343535; transition: all 0.36s;}
.news_show .list .new:hover{ background: rgba(0,0,0,0.5); background: #000 \9;}
.news_show .list .new:hover .info{ margin-left: 150px;}
.news_show .list .new:hover .date{ margin-left: 50px;}
.news_show .list .new a{ display: block; width: 1200px; margin: 0 auto;}
.news_show .list .new a .pic{ float: left; width: 200px; height: 130px;}
.news_show .list .new a .pic img{ width: 200px; height: 130px;}
.news_show .list .new a .info{ float: left; width:600px; margin-left: 50px; transition: all 0.36s;}
.news_show .list .new a .info h4{ margin-top: 20px; font-size: 18px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.news_show .list .new a .info .des{ margin-top: 25px; height: 50px; line-height: 25px; font-size: 14px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_show .list .new a .info .time{ display: none;}
.news_show .list .new a .date{ float: left; width: 200px;margin-left: 150px; text-align: center; transition: all 0.36s;}
.news_show .list .new a .date .day{ font-size: 60px; color: #fff; font-weight: 300;}
.news_show .list .new a .date span{ font-size: 18px; color: #fff;}



.support{ width: 1600px; margin: 0 auto; padding: 80px 0;}
.support .content{ width: 100%; margin-top: 50px;}
.support .content .left{float: left; width: 685px; height: 460px;}
.support .content .left .shfw{position: relative; width: 100%;height: 100%; background-color: #141414; cursor: pointer; transition:  1s;}
.support .content .left .shfw:hover{ background-color: #008ef2;}
.support .content .left .shfw:hover .title h5{ color: #fff;}
.support .content .left .shfw:hover .con{ color: #fff;} 
.support .content .left .shfw .title{ margin-left: 50px; padding-top: 50px; }
.support .content .left .shfw .title h4{font-size: 18px; color: #fff; font-weight: normal;}
.support .content .left .shfw .title h5{transition:  1s; margin-top: 5px; font-size: 14px; color: #666; font-weight: normal;}
.support .content .left .shfw .con{ margin: 20px 40px 0 50px; height: 315px; line-height: 26px; font-size: 14px; color: #999;transition:  1s; overflow: hidden;}
.support .content .left .shfw .pic{ position: absolute; bottom: 50px; right: 50px; width: 100px; height: 100px;border-radius: 100px; overflow: hidden;}
.support .content .right{ float: left; width: 915px;}
.support .content .right .con{ float: left; position: relative; width: 440px; height: 220px; margin-left: 17px; margin-bottom: 20px; background-color: #141414; cursor: pointer;}
.support .content .right .con:hover .pic{bottom: 0; right: 0;width: 440px; height: 220px;border-radius: 0;overflow: hidden;}
.support .content .right .con:hover .title h5{ color: #fff;}
.support .content .right .con .title{ position: absolute; margin-left:40px; padding-top: 40px; z-index: 99999; }
.support .content .right .con .title h4{font-size: 18px; color: #fff; font-weight: normal;}
.support .content .right .con .title h5{ margin-top: 5px; font-size: 14px; color: #666; font-weight: normal;}
.support .content .right .con .pic{ position: absolute; bottom: 20px; right: 20px;  width: 100px; height: 100px; border-radius: 100px; overflow: hidden;z-index: 77777;transition:0.3s;}
.support .content .right .con .pic img{width: 440px; height: 220px;}
.casebox{ width: 100%; height: 430px;  padding-top: 80px; background: url(../img/bj6.png) center no-repeat;}
.scroll-outer{ width: 100%; margin-top: 60px;}
#scroll{width:1600px;margin:0 auto;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:380px;height:180px;margin:0 auto;background-color:#292929;overflow:hidden;}
#scroll .item img{width:380px;height:180px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{ display: none;}
.owl-theme .owl-controls .owl-buttons .owl-next{display: none;}
.casebox .list_phone{ display: none;}
.casebox .more{ display: none; } 
.footer{ width: 100%;background: url(../img/bj7.png) center no-repeat; background-size: cover;position: fixed; bottom: 0; z-index: -1;}
.footer .foot_top{ width: 100%; height: 320px; padding: 75px 0;}
.footer .foot_top .content{ width: 1600px; margin: 0 auto;}
.footer .foot_top .content .con{ width: 8.4%; overflow: hidden; float: left; margin-right: 2%;}
.footer .foot_top .content .con .bt{ font-size: 14px; color: #fff; font-weight: normal;}
.footer .foot_top .content .con ul{ width: 100%; margin-top: 20px;}
.footer .foot_top .content .con ul li{ width: 100%; margin-bottom: 15px;}
.footer .foot_top .content .con ul li a{ display: block; font-size: 14px; color:#ccc; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
.footer .foot_top .content .lxwm{ width: 20%;}
.footer .foot_top .content .lxwm .contact{ margin-top: 18px; line-height: 30px; font-size: 14px;  color: #ccc;}
.footer .foot_top .content .lxfs{ width: 26%; float: right;}
.footer .foot_top .content .lxfs .phone{ width: 100%;}
.footer .foot_top .content .lxfs .phone h4{ font-size: 18px; color: #fff; font-weight: normal;}
.footer .foot_top .content .lxfs .phone h4 img{ height: 18px; margin-left: 10px; }
.footer .foot_top .content .lxfs .phone i{ display: block; margin-top: 8px; font-size: 30px; color: #fff; font-weight: 400;}
.footer .foot_top .content .lxfs .ewm{ width: 100%; margin-top: 10px;}
.footer .foot_top .content .lxfs .ewm .pic{ float: left; margin-right: 16px;}
.footer .foot_top .content .lxfs .ewm .pic img{ display: block; width: 103px; height: 103px; margin: 0 auto;}
.footer .foot_top .content .lxfs .ewm .pic span{max-width: 140px; display: block; margin-top: 8px; text-align: center; font-size: 14px; color: #fff;}
.footer .foot_bot{ width: 100%; height: 50px; background:rgba(0,0,0,0.5);}
.footer .foot_bot .cpy{ height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #666;}
.footer_phone{ display: none;}

@media (min-width: 1400px) and (max-width: 1600px){
	.header .bot .content .logo p{  float: left; margin-left: 20px; padding: 22px 20px; border-left: 1px solid #262626; line-height: auto; font-size: 16px; color: #999; margin-top: 5px;}	
	
	.header .top .content{ width: 1400px; margin: 0 auto;}
	.header .bot .content{ width: 1400px; margin: 0 auto;}
	.banner{ width: 100%; height: 480px;}
	.swiper-container {width: 100%;height: 480px;}
	.swiper-slide a{ display: block;width: 100%; height: 480px;}
	.develop .wrapper {width: 1400px; margin: 0 auto;}
	.digital{width: 100%;}
	.mumping_mun li{ width: 24.9%; float: left; border-right: 1px solid #999; text-align: center; position: relative;}	
	.mumping_mun p{display:block; font-size:16px; color:#999;}
	.mumping_mun h2{font-size: 70px; color: #fff;font-weight:100; }
	.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 30px; left: 65%; z-index: 22;}
	.mun_top{ position: relative;}	
	
	.probox{ width: 100%; height: 570px; padding-top: 46px; background: url(../img/bj4.png) center no-repeat; background-size: cover;}
	.probox h2{ margin-top: 25px;}
	.probox .list{ width: 1380px; margin: 40px auto 0;}
	.probox .list li{ float: left; width: 330px; margin-right: 20px;}
	.probox .list li a .pro{ width: 330px;transition: all 0.5s;}
	.probox .list li a .pro .pic{ width: 330px; height: 217px;}
	.probox .list li a .pro .pic img{ width: 330px; height: 217px;}
	.probox .list li a .pro .bt{ width: 300px; padding:10px 15px; background-color: #313131;}
	.probox .list li a .pro_top{ opacity: 0; position: absolute; top:0; left: 0; width: 290px; height: 210px; padding: 40px 20px; background: rgba(12,118,192,0.9);transition: all 0.5s;-moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5);}
	.probox .more{ margin: 50px auto;} 	
	.support{ width: 1400px; margin: 0 auto; padding: 80px 0;}
	.support .content .left{float: left; width: 485px; height: 460px;}
	.support .content .left .shfw .con{ margin: 20px 40px 0 50px; height: 182px; line-height: 26px; font-size: 14px; color: #999;transition:  1s; overflow: hidden;}	
	.casebox{ width: 100%; height: 410px;padding-top: 50px; background: url(../img/bj6.png) center no-repeat;}
	.friend{margin-bottom: 497px;}
	.scroll-outer{ width: 100%; margin-top: 60px; }
	#scroll{width:1400px;margin:0 auto;}
	#scroll .item{position:relative;width:320px;height:152px;margin:0 auto;background-color:#292929;overflow:hidden;}
	#scroll .item img{width:320px;height:152px;}
	.footer .foot_top .content{ max-width: 1400px; margin: 0 auto;padding: 25px 0;}

}

@media (min-width: 1200px) and (max-width: 1400px){
	.header .top .content{ width: 1200px; margin: 0 auto;}
	.header .bot .content{ width: 1200px; margin: 0 auto;}
	.header .bot .content .logo{ float: left; width: 40%;}
	.header .bot .content .logo img{ float: left; width: 203px; height: 39px; margin-top: 18px;}
	.header .bot .content .logo p{  float: left; margin-left: 20px; padding: 22px 20px; border-left: 1px solid #262626; line-height: auto; font-size: 16px; color: #999; margin-top: 5px;}
	.header .bot .content ul{width:60% ; float: right;}
	.header .bot .content ul li{width: 14.2%;}
	.header .bot .content ul li a.one{width: 100%;display: block;  height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff;}
	.banner{ width: 100%; height: 420px;}
	.swiper-container {width: 100%;height: 420px;}
	.swiper-slide a{ display: block;width: 100%; height: 420px;}
	.develop .wrapper {width: 1200px; margin: 0 auto;}
	.digital{width: 100%;}
	.mumping_mun li{ width: 24.9%; float: left; border-right: 1px solid #999; text-align: center; position: relative;}	
	.mumping_mun p{display:block; font-size:16px; color:#999;}
	.mumping_mun h2{font-size: 70px; color: #fff;font-weight:100; }
	.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 30px; left: 65%; z-index: 22;}
	.mun_top{ position: relative;}	
	
	.probox{ width: 100%; height: 520px; padding-top: 39px; background: url(../img/bj4.png) center no-repeat; background-size: cover;}
	.probox h2{ margin-top: 25px;}
	.probox .list{ width: 1200px; margin: 40px auto 0;}
	.probox .list li{ float: left; width: 285px; margin-right: 20px;}
	.probox .list li a .pro{ width: 285px;transition: all 0.5s;}
	.probox .list li a .pro .pic{ width: 285px; height: 188px;}
	.probox .list li a .pro .pic img{ width: 285px; height: 188px;}
	.probox .list li a .pro .bt{ width: 255px; padding:10px 15px; background-color: #313131;}
	.probox .list li a .pro_top{ opacity: 0; position: absolute; top:0; left: 0; width: 245px; height: 190px; padding: 40px 20px; background: rgba(12,118,192,0.9);transition: all 0.5s;-moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5);}
	.probox .list li a .pro_top span{  margin-top:65px;} 
	.probox .more{ margin: 40px auto;} 
	
	.support{ width: 1200px; margin: 0 auto; padding: 80px 0;}
	.support .content{ width: 100%; margin-top: 50px;}
	.support .content .left{float: left; width: 390px; height: 410px;}
	.support .content .left .shfw{position: relative; width: 100%;height: 100%; background-color: #141414; cursor: pointer; transition:  1s;}
	.support .content .left .shfw:hover{ background-color: #008ef2;}
	.support .content .left .shfw:hover .title h5{ color: #fff;}
	.support .content .left .shfw:hover .con{ color: #fff;} 
	.support .content .left .shfw .title{ margin-left: 30px; padding-top: 30px; }
	.support .content .left .shfw .title h4{font-size: 18px; color: #fff; font-weight: normal;}
	.support .content .left .shfw .title h5{transition:  1s; margin-top: 5px; font-size: 14px; color: #666; font-weight: normal;}
	.support .content .left .shfw .con{ margin: 20px 20px 0 30px; height: 156px; line-height: 26px; font-size: 14px; color: #999;transition:  1s; overflow: hidden;}
	.support .content .left .shfw .pic{ position: absolute; bottom: 30px; right: 30px; width: 100px; height: 100px;border-radius: 100px; overflow: hidden;}
	.support .content .right{ float: left; width: 810px;}
	.support .content .right .con{ float: left; position: relative; width: 390px; height: 195px; margin-left: 10px; margin-bottom: 20px; background-color: #141414; cursor: pointer;}
	.support .content .right .con:hover .pic{bottom: 0; right: 0;width: 390px; height: 195px;border-radius: 0;overflow: hidden;}
	.support .content .right .con .pic img{width: 390px; height: 195px;}
	
	.casebox{ width: 100%; height: 360px;padding-top: 60px; background: url(../img/bj6.png) center no-repeat;}
	.friend{margin-bottom: 497px;}
	.scroll-outer{ width: 100%; margin-top: 50px; }
	#scroll{width:1200px;margin:0 auto;}
	#scroll .item{position:relative;width:280px;height:135px;margin:0 auto;background-color:#292929;overflow:hidden;}
	#scroll .item img{width:280px;height:135px;}
	.footer .foot_top .content{ max-width: 1200px; margin: 0 auto; padding: 25px 0;}

}

@media (min-width: 1000px) and (max-width: 1200px){
	.header .top .content{ width: 1000px; margin: 0 auto;}
	.header .bot .content{ width: 1000px; margin: 0 auto;}
	.header .bot .content .logo{ float: left; width: 40%;}
	.header .bot .content .logo img{ float: left; width: 203px; height: 39px; margin-top: 18px;}
	.header .bot .content .logo p{ display: none;}
	.header .bot .content ul{width:60% ; float: right;}
	.header .bot .content ul li{width: 14.2%;}
	.header .bot .content ul li a.one{width: 100%;display: block;  height: 49px; line-height: 49px;  text-align: center; font-size: 14px; color: #fff;}
	.banner{ width: 100%; height: 420px;}
	.swiper-container {width: 100%;height: 420px;}
	.swiper-slide a{ display: block;width: 100%; height: 420px;}
	.develop .wrapper {width: 1000px; margin: 0 auto;}
	.digital{width: 100%;}
	.mumping_mun li{ width: 24.9%; float: left; border-right: 1px solid #999; text-align: center; position: relative;}	
	.mumping_mun p{display:block; font-size:16px; color:#999;}
	.mumping_mun h2{font-size: 70px; color: #fff;font-weight:100; }
	.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 30px; left: 65%; z-index: 22;}
	.mun_top{ position: relative;}	
	.probox{ width: 100%; height: 520px; padding-top: 39px; background: url(../img/bj4.png) center no-repeat; background-size: cover;}
	.probox h2{ margin-top: 25px;}
	.probox .list{ width: 1000px; margin: 40px auto 0;}
	.probox .list li{ float: left; width: 285px; margin-right: 20px;}
	.probox .list li a .pro{ width: 285px;transition: all 0.5s;}
	.probox .list li a .pro .pic{ width: 285px; height: 188px;}
	.probox .list li a .pro .pic img{ width: 285px; height: 188px;}
	.probox .list li a .pro .bt{ width: 255px; padding:10px 15px; background-color: #313131;}
	.probox .list li a .pro_top{ opacity: 0; position: absolute; top:0; left: 0; width: 245px; height: 190px; padding: 40px 20px; background: rgba(12,118,192,0.9);transition: all 0.5s;-moz-transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5);}
	.probox .list li a .pro_top span{  margin-top:65px;} 
	.probox .more{ margin: 40px auto;} 
	
	.support{ width: 1000px; margin: 0 auto; padding: 80px 0;}
	.support .content{ width: 100%; margin-top: 50px;}
	.support .content .left{float: left; width: 390px; height: 410px;}
	.support .content .left .shfw{position: relative; width: 100%;height: 100%; background-color: #141414; cursor: pointer; transition:  1s;}
	.support .content .left .shfw:hover{ background-color: #008ef2;}
	.support .content .left .shfw:hover .title h5{ color: #fff;}
	.support .content .left .shfw:hover .con{ color: #fff;} 
	.support .content .left .shfw .title{ margin-left: 30px; padding-top: 30px; }
	.support .content .left .shfw .title h4{font-size: 18px; color: #fff; font-weight: normal;}
	.support .content .left .shfw .title h5{transition:  1s; margin-top: 5px; font-size: 14px; color: #666; font-weight: normal;}
	.support .content .left .shfw .con{ margin: 20px 20px 0 30px; height: 156px; line-height: 26px; font-size: 14px; color: #999;transition:  1s; overflow: hidden;}
	.support .content .left .shfw .pic{ position: absolute; bottom: 30px; right: 30px; width: 100px; height: 100px;border-radius: 100px; overflow: hidden;}
	.support .content .right{ float: left; width: 810px;}
	.support .content .right .con{ float: left; position: relative; width: 390px; height: 195px; margin-left: 10px; margin-bottom: 20px; background-color: #141414; cursor: pointer;}
	.support .content .right .con:hover .pic{bottom: 0; right: 0;width: 390px; height: 195px;border-radius: 0;overflow: hidden;}
	.support .content .right .con .pic img{width: 390px; height: 195px;}
	
	.casebox{ width: 100%; height: 360px;padding-top: 60px; background: url(../img/bj6.png) center no-repeat;}
	.friend{margin-bottom: 497px;}
	.scroll-outer{ width: 100%; margin-top: 50px; }
	#scroll{width:1000px;margin:0 auto;}
	#scroll .item{position:relative;width:280px;height:135px;margin:0 auto;background-color:#292929;overflow:hidden;}
	#scroll .item img{width:280px;height:135px;}
	.footer .foot_top .content .lxwm{ width:24%;}
	.footer .foot_top .content .lxfs{ width: 22%; float: right;}
	.footer .foot_top .content{ max-width: 1000px; margin: 0 auto; }
	.footer .foot_top .content .lxfs .phone h4{ font-size: 16px;}
	.footer .foot_top .content .lxfs .phone i{ font-size: 24px;}
	.footer .foot_top .content .lxfs .ewm .pic{ float: left;margin-right: 16px;}

	.footer .foot_top .content .lxfs .ewm .pic img{ display: block; width: 103px; height: 103px; margin: 0 auto;}
	.footer .foot_top .content .lxfs .ewm .pic span{width: 100%; display: block; margin-top: 8px; text-align: center; font-size: 14px; color: #fff;}
}


@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.header{ display: none;}	
	.pc_h{ display: none;}
	.phone_header{position: fixed; top: 0; display: block; width: 94%; padding: 10px 3%; height: 60px; background-color: #0c0c0c;z-index: 99999;}
	
	.phone_header .logo{ float: left; height: 40px;}
	.phone_header .logo img{display: block; height: 40px;}
	.phone_header .lang{float: right; position: absolute; right: 45px;z-index: 99999;}
	.phone_header .lang a{ font-size: 14px; color: #999; line-height: 20px;margin-top: 10px; border:1px solid #4c4c4c; border-radius: 3px; padding:0 15px; display: inline-block; }
	.phone_h{ display: block;}
	.phone_h{ display: block;}
	.banner{display: none;}
	.banner1{display: block; width: 100%; height: 250px;}
	.swiper-container {width: 100%;height: 250px;}
	.swiper-slide {text-align: center;font-size: 18px; background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
	.swiper-slide a{ display: block;width: 100%; height: 250px;}
	.i1 .place{display: none;}
	.i2 .place{ display: none;}
	.i3 .place{display: none;}
	.i4 .place{display: none;}
	.i5 .place{ display: none;}	
	.aboutbox{ width: 100%;}
	.aboutbox .video{ float: none; width:100%;height: 205px;} 
	.aboutbox .video img{ display: block; width: 100%; height: 205px;} 
	.aboutbox .about{ float: none; width:94%; padding: 0 3%; margin-left: 0;}
	.aboutbox .about .title{ width: 100%; margin-top: 30px;}
	.aboutbox .about .title h1{height: 18px; line-height: 18px;  font-size: 18px; color: #fff; font-weight: normal;}
	.aboutbox .about .title h6{ margin-top: 10px; height: 14px; line-height: 14px; font-size: 14px; color: #999; font-weight: normal;}
	.aboutbox .about .line{ width: 100%; height: 1px; margin: 20px 0; background-color: #444;}
	.aboutbox .about .con{ width: 100%; height: auto; line-height: 20px; font-size: 12px; color: #ccc; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.aboutbox .about .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin-top: 20px; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff;} 
	.aboutbox .about .more i{height: 35px; width: 1px;}
	.aboutbox .about .more:hover i{ width: 130px;}
	.develop{ width: 100%; margin-top:30px;padding: 30px 0; background: url(../img/bj3.png) center no-repeat; background-size: cover;}
	.develop .wrapper {width: 100%; margin: 0 auto;}
	.digital{width: 100%;}
	.mumping_mun li{ width: 49%; float: left; overflow: hidden; border-right: 1px solid #999; box-sizing: border-box; text-align: center; position: relative; min-height: 110px;}
	.mumping_mun li:nth-child(1){ border-bottom: 1px solid #999;}
	.mumping_mun li:nth-child(2){ border-bottom: 1px solid #999; border-right: none;}
	.mumping_mun li:nth-child(4){ border-right: none;padding-top: 10px;}
	.mumping_mun li:nth-child(3){padding-top: 10px;}
	.mumping_mun p{display:block; font-size:12px; color:#999; margin-top: 5px;}
	.mumping_mun h2{font-size: 40px; color: #fff;font-weight:100; }
	.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 23%; left: 70%; z-index: 22;}
	.mun_top{ position: relative;}
	/*.develop .wrapper .list .item .attr dd{ width: 24.5%; float: left; border-right: 1px solid #999; text-align: center;}
	.develop .wrapper .list .item .attr dd h3{position: relative; }
	.develop .wrapper .list .item .attr dd h3 span{font-size: 40px; color: #fff;font-weight:100;}
	.develop .wrapper .list .item .attr dd h3 i{ position: absolute; font-style: normal; font-size: 14px; color: #fff;font-weight:100;}
	.develop .wrapper .list .item .text_con{display:block; font-size:12px; color:#999;}*/
	.caption{ width: 94%; margin: 0 auto; text-align: center;}
	.caption h1{height:18px; line-height: 18px;  font-size: 18px; color: #fff; font-weight: normal;}
	.caption h6{ margin-top: 8px; height: 12px; line-height: 12px; font-size: 12px; color: #999; font-weight: normal;}
	.probox{ width: 100%; height: auto;  padding:40px 0; background: url(../img/bj4.png) center 14px no-repeat; background-size: 100%;}
	.probox h2{ width: 94%; margin: 15px auto;  text-align: center;height:auto; line-height: 20px; font-size: 12px; color: #ccc; font-weight: normal;}
	.probox .list{ width: 94%; margin: 25px auto 0;}
	.probox .list li{ float: left; width: 48%; margin-right: 4%;margin-bottom:20px;}
	.probox .list li:nth-child(2n){ margin-right: 0;}
	.probox .list li:first-child+li{ margin-right: 0;}
	.probox .list li a{position:relative; display: block; width: 100%; }
	.probox .list li a .pro{ width: 100%;transition: all 0.5s;}
	.probox .list li a .pro .pic{ width: 100%; height: 115px;}
	.probox .list li a .pro .pic img{ width: 100%; height: 115px;}
	.probox .list li a .pro .bt{ width: 90%; padding:10px 5%; background-color: #313131;}
	.probox .list li a .pro .bt h4{ font-size: 14px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.probox .list li a .pro .bt h5{ margin-top: 5px; font-size: 12px; color:#777; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}	
	.probox .list li a .pro_top{/* display: none;*/ width:80% ; height: 70%;padding:15% 10%}
	.probox .list li a .pro_top h4{ font-size: 14px;}
	.probox .list li a .pro_top h5{ margin-top: 5px; font-size: 12px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow:clip; white-space: normal;}
	.probox .list li a .pro_top span{ width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 30%}
	.probox .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin: 20px auto 0; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff;} 	
	.newsbox{ width: 100%; height: auto; padding: 40px 0; background: url(../img/bj5.png) center no-repeat;}
	#menubox { width: 100%; margin-top: 25px;}
	#menubox ul {width: 96%; margin: 0 auto;}
	#menubox ul li {float: left; width: 46%; height: 35px; line-height: 35px; margin: 0 2% 10px; border: 1px solid #666; box-sizing: border-box; text-align: center; font-size: 12px; color: #999; cursor: pointer;}
	#menubox ul li:nth-child(4n){ margin-right: 0;}
	#menubox ul li:first-child+li+li+li{ margin-right: 0;}
	#menubox ul li.hover {border: 1px solid #008ef2; color: #fff;}
	#menubox ul li a{color: #999;}
	
	#con_zzjs_1 {display: block;}
	.news_show{display: none; width: 100%; margin-top: 20px;}
	.news_show .list{ width: 100%;}
	.news_show .list .new{ width: 100%; padding: 15px 0; border-bottom: 1px solid #343535;}
	.news_show .list .new a{ display: block; width: 96%; margin: 0 auto;}
	.news_show .list .new a .pic{ float: left; width: 130px; height: 85px; margin-right: 10px;}
	.news_show .list .new a .pic img{ width: 130px; height: 85px;}
	.news_show .list .new a .info{ float: none; width:auto; transition: all 0.36s;}
	.news_show .list .new a .info h4{ margin-top: 0; font-size: 14px; color:#fff; font-weight: normal;text-overflow: clip; white-space:normal;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.news_show .list .new a .info .des{ margin-top: 3px; height: 25px; line-height: 25px; font-size: 12px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.news_show .list .new a .info .time{ display: block; margin-top: 5px; font-size: 12px; color: #999;}
	.news_show .list .new a .date{ display: none;}
	.support{ width: 100%; margin: 0 auto; padding: 40px 0;}
	.support .content{ width: 100%; margin-top: 20px;}
	.support .content .left{float: none; width: 100%; height: auto; }
	.support .content .left .shfw{position: relative; width: 94%;height: 100%; padding: 0 3%; background: url(../img/bj8.png) top center no-repeat; background-size: 100%;  cursor: pointer; transition:  1s;}
	.support .content .left .shfw:hover{ background-color: none; background-color: rgba(0,0,0,0);}
	.support .content .left .shfw .title{ margin-left: 0; padding-top: 0; }
	.support .content .left .shfw .title h4{font-size: 14px; color: #fff; font-weight: normal;}
	
	.support .content .right .con:hover .pic{bottom: 0px; right: 0px;  width: 100%; height: 100%; border-radius: 0px;overflow: hidden;}

	.support .content .left .shfw .title h5{transition:  1s; margin-top: 0px; font-size: 12px; color: #666; font-weight: normal;}
	.support .content .left .shfw .con{ margin:-10px 0 0 0; height: auto; line-height: 26px; font-size: 12px; color: #999;transition:  1s; -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.support .content .left .shfw:hover .con{ color: #999;}
	.support .content .left .shfw .pic{display: none;}
	.support .content .right{ float: none; width:94%; margin:30px auto 0;}
	.support .content .right .con{ float: left; position: relative; width: 48%; height: 90px; margin-left: 0; margin-right: 4%; margin-bottom: 10px; background-color: #141414; cursor: pointer;}
	.support .content .right .con:nth-child(2n){ margin-right: 0;}	
	.support .content .right .con .title{ position: absolute; margin-left:5%; padding-top: 10px; z-index: 99999; }
	.support .content .right .con .title h4{font-size: 14px; color: #fff; font-weight: normal;}
	.support .content .right .con .title h5{ margin-top: 5px; font-size: 12px; color: #666; font-weight: normal; max-width: 65%;}
	.support .content .right .con .pic{ position: absolute; bottom: 10px; right:5%;  width: 40px; height: 40px; border-radius: 100px; overflow: hidden;z-index: 77777;transition:0.3s;}
	.support .content .right .con .pic img{width:100%; height: 100%;}
	.casebox{ width: 100%; height: auto;padding: 40px 0; background: url(../img/bj6.png) center no-repeat;}
	.friend{ margin-bottom: 0;}
	.scroll-outer{ display: none;}
	.casebox .list_phone{ display: block; margin-top: 30px;}
	.casebox .list_phone ul{ width: 94%; margin: 0 auto;}
	.casebox .list_phone ul li{ float: left; width: 48%; margin:0 1%; margin-bottom: 10px;}
	/*.casebox .list_phone ul li:nth-child(2n){ margin-right: 0;}*/
	.casebox .list_phone ul li a{ display: block; width: 100%; }
	.casebox .list_phone ul li a img{ display: block; width: 100%; height: auto; }
	.casebox .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin: 20px auto; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff; text-transform: capitalize;} 
	.casebox .more i{ height: 35px; width: 1px;}
	.casebox .more:hover i{ width: 130px;}
	.footer{display: none;}
	.footer_phone{display: block; width: 100%;}
	.footer_phone .cpy{width: 94%; padding: 0 3%; background:#0c0c0c;height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #666;}
	.footer_phone ul{position: fixed; bottom: 0; width: 100%; padding: 10px 0; background-color: #333333;}
	.footer_phone ul li{ float: left; width: 20%;}
	.footer_phone ul li a{ display: block; margin: 0 auto;}
	.footer_phone ul li a .icon{ height: 25px;}
	.footer_phone ul li a .icon img{ display: block; height: 25px; margin: 0 auto;}
	.footer_phone ul li a span{ display: block; margin-top: 5px; text-align: center; font-size: 12px; color: #fff;}
	.mumping_mun li{ width: 49.9%;}
	
	.probox .more{width: 128px; height: 35px; line-height: 35px;}
	.probox .more span{ width: 128px; font-size: 12px; margin-left: -64px;}
	.probox .more i{ height: 35px; width: 1px;}
	.probox .more:hover i{ width: 130px;}
}


@media (max-width:479px){/*寰皬灞忓箷*/
	.header{ display: none;}	
	.pc_h{ display: none;}
	.phone_header{position: fixed; top: 0; display: block; width: 94%;  padding: 10px 3% 0; height: 50px; background-color: #0c0c0c;z-index: 99999;}
	
	.phone_header .logo{ float: left; height: 40px;}
	.phone_header .logo img{display: block; height: 40px;}
	.phone_header .lang{float: right; position: absolute; right: 45px;z-index: 99999;}
	.phone_header .lang a{ font-size: 14px; color: #999; line-height: 20px;margin-top: 10px; border:1px solid #4c4c4c; border-radius: 3px; padding:0 15px; display: inline-block; }
	.phone_h{ display: block;}
	.phone_h{ display: block;}
	.banner{display: none;}
	.banner1{display: block; width: 100%; height: 250px;}
	.swiper-container {width: 100%;height: 250px;}
	.swiper-slide {text-align: center;font-size: 18px; background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
	.swiper-slide a{ display: block;width: 100%; height: 250px;}
	.i1 .place{display: none;}
	.i2 .place{ display: none;}
	.i3 .place{display: none;}
	.i4 .place{display: none;}
	.i5 .place{ display: none;}	
	.aboutbox{ width: 100%;}
	.aboutbox .video{ float: none; width:100%;height: 205px;} 
	.aboutbox .video img{ display: block; width: 100%; height: 205px;} 
	.aboutbox .about{ float: none; width:94%; padding: 0 3%; margin-left: 0;}
	.aboutbox .about .title{ width: 100%; margin-top: 30px;}
	.aboutbox .about .title h1{height: 18px; line-height: 18px;  font-size: 18px; color: #fff; font-weight: normal;}
	.aboutbox .about .title h6{ margin-top: 10px; height: 14px; line-height: 14px; font-size: 14px; color: #999; font-weight: normal;}
	.aboutbox .about .line{ width: 100%; height: 1px; margin: 20px 0; background-color: #444;}
	.aboutbox .about .con{ width: 100%; height: auto; line-height: 20px; font-size: 12px; color: #ccc; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.aboutbox .about .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin-top: 20px; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff;} 
	.aboutbox .about .more i{height: 35px; width: 1px;}
	.aboutbox .about .more:hover i{ width: 130px;}
	.develop{ width: 100%; margin-top:30px;padding: 30px 0; background: url(../img/bj3.png) center no-repeat; background-size: cover;}
	.develop .wrapper {width: 100%; margin: 0 auto;}
	.digital{width: 100%;}
	.mumping_mun li{ width: 49%; float: left; overflow: hidden; border-right: 1px solid #999; box-sizing: border-box; text-align: center; position: relative; min-height: 110px;}
	.mumping_mun li:nth-child(1){ border-bottom: 1px solid #999;}
	.mumping_mun li:nth-child(2){ border-bottom: 1px solid #999; border-right: none;}
	.mumping_mun li:nth-child(4){ border-right: none;padding-top: 10px;}
	.mumping_mun li:nth-child(3){padding-top: 10px;}
	.mumping_mun p{display:block; font-size:12px; color:#999; margin-top: 5px;}
	.mumping_mun h2{font-size: 40px; color: #fff;font-weight:100; }
	.mumping_mun strong{font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 23%; left: 70%; z-index: 22;}
	.mun_top{ position: relative;}
	/*.develop .wrapper .list .item .attr dd{ width: 24.5%; float: left; border-right: 1px solid #999; text-align: center;}
	.develop .wrapper .list .item .attr dd h3{position: relative; }
	.develop .wrapper .list .item .attr dd h3 span{font-size: 40px; color: #fff;font-weight:100;}
	.develop .wrapper .list .item .attr dd h3 i{ position: absolute; font-style: normal; font-size: 14px; color: #fff;font-weight:100;}
	.develop .wrapper .list .item .text_con{display:block; font-size:12px; color:#999;}*/
	.caption{ width: 94%; margin: 0 auto; text-align: center;}
	.caption h1{height:18px; line-height: 18px;  font-size: 18px; color: #fff; font-weight: normal;}
	.caption h6{ margin-top: 8px; height: 12px; line-height: 12px; font-size: 12px; color: #999; font-weight: normal;}
	.probox{ width: 100%; height: auto;  padding:40px 0; background: url(../img/bj4.png) center 14px no-repeat; background-size: 100%;}
	.probox h2{ width: 94%; margin: 15px auto;  text-align: center;height:auto; line-height: 20px; font-size: 12px; color: #ccc; font-weight: normal;}
	.probox .list{ width: 94%; margin: 25px auto 0;}
	.probox .list li{ float: left; width: 48%; margin-right: 4%;margin-bottom:20px;}
	.probox .list li:nth-child(2n){ margin-right: 0;}
	.probox .list li:first-child+li{ margin-right: 0;}
	.probox .list li a{position:relative; display: block; width: 100%; }
	.probox .list li a .pro{ width: 100%;transition: all 0.5s;}
	.probox .list li a .pro .pic{ width: 100%; height: 115px;}
	.probox .list li a .pro .pic img{ width: 100%; height: 115px;}
	.probox .list li a .pro .bt{ width: 90%; padding:10px 5%; background-color: #313131;}
	.probox .list li a .pro .bt h4{ font-size: 14px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.probox .list li a .pro .bt h5{ margin-top: 5px; font-size: 12px; color:#777; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}	
	.probox .list li a .pro_top{/* display: none;*/ width:80% ; height: 70%;padding:15% 10%}
	.probox .list li a .pro_top h4{ font-size: 14px;}
	.probox .list li a .pro_top h5{ margin-top: 5px; font-size: 12px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow:clip; white-space: normal;}
	.probox .list li a .pro_top span{ width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top: 30%}
	.probox .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin: 20px auto 0; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff;} 	
	.newsbox{ width: 100%; height: auto; padding: 40px 0; background: url(../img/bj5.png) center no-repeat;}
	#menubox { width: 100%; margin-top: 25px;}
	#menubox ul {width: 96%; margin: 0 auto;}
	#menubox ul li {float: left; width: 46%; height: 35px; line-height: 35px; margin: 0 2% 10px; border: 1px solid #666; box-sizing: border-box; text-align: center; font-size: 12px; color: #999; cursor: pointer;}
	#menubox ul li:nth-child(4n){ margin-right: 0;}
	#menubox ul li:first-child+li+li+li{ margin-right: 0;}
	#menubox ul li.hover {border: 1px solid #008ef2; color: #fff;}
	#menubox ul li a{color: #999;}

	#con_zzjs_1 {display: block;}
	.news_show{display: none; width: 100%; margin-top: 20px;}
	.news_show .list{ width: 100%;}
	.news_show .list .new{ width: 100%; padding: 15px 0; border-bottom: 1px solid #343535;}
	.news_show .list .new a{ display: block; width: 96%; margin: 0 auto;}
	.news_show .list .new a .pic{ float: left; width: 130px; height: 85px; margin-right: 10px;}
	.news_show .list .new a .pic img{ width: 130px; height: 85px;}
	.news_show .list .new a .info{ float: none; width:auto; transition: all 0.36s;}
	.news_show .list .new a .info h4{ margin-top: 0; font-size: 14px; color:#fff; font-weight: normal;text-overflow: clip; white-space:normal;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.news_show .list .new a .info .des{ margin-top: 3px; height: 25px; line-height: 25px; font-size: 12px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.news_show .list .new a .info .time{ display: block; margin-top: 5px; font-size: 12px; color: #999;}
	.news_show .list .new a .date{ display: none;}
	.support{ width: 100%; margin: 0 auto; padding: 40px 0;}
	.support .content{ width: 100%; margin-top: 20px;}
	.support .content .left{float: none; width: 100%; height: auto; }
	.support .content .left .shfw{position: relative; width: 94%;height: 100%; padding: 0 3%; background: url(../img/bj8.png) top center no-repeat; background-size: 100%;  cursor: pointer; transition:  1s;}
	.support .content .left .shfw:hover{ background-color: none; background-color: rgba(0,0,0,0);}
	.support .content .left .shfw .title{ margin-left: 0; padding-top: 0; }
	.support .content .left .shfw .title h4{font-size: 14px; color: #fff; font-weight: normal;}
	
	.support .content .right .con:hover .pic{bottom: 0px; right: 0px;  width: 100%; height: 100%; border-radius: 0px;overflow: hidden;}

	.support .content .left .shfw .title h5{transition:  1s; margin-top: 0px; font-size: 12px; color: #666; font-weight: normal;}
	.support .content .left .shfw .con{ margin:-10px 0 0 0; height: auto; line-height: 26px; font-size: 12px; color: #999;transition:  1s; -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.support .content .left .shfw:hover .con{ color: #999;}
	.support .content .left .shfw .pic{display: none;}
	.support .content .right{ float: none; width:94%; margin:30px auto 0;}
	.support .content .right .con{ float: left; position: relative; width: 48%; height: 90px; margin-left: 0; margin-right: 4%; margin-bottom: 15px; background-color: #141414; cursor: pointer;}
	.support .content .right .con:nth-child(2n){ margin-right: 0;}	
	.support .content .right .con .title{ position: absolute; margin-left:5%; padding-top: 10px; z-index: 99999; }
	.support .content .right .con .title h4{font-size: 14px; color: #fff; font-weight: normal;}
	.support .content .right .con .title h5{ margin-top: 5px; font-size: 12px; color: #666; font-weight: normal; max-width: 65%;}
	.support .content .right .con .pic{ position: absolute; bottom: 10px; right:5%;  width: 40px; height: 40px; border-radius: 100px; overflow: hidden;z-index: 77777;transition:0.3s;}
	.support .content .right .con .pic img{width:100%; height: 100%;}
	.casebox{ width: 100%; height: auto;padding: 40px 0; background: url(../img/bj6.png) center no-repeat;}
	.friend{ margin-bottom: 0;}
	.scroll-outer{ display: none;}
	.casebox .list_phone{ display: block; margin-top: 30px;}
	.casebox .list_phone ul{ width: 94%; margin: 0 auto;}
	.casebox .list_phone ul li{ float: left; width: 48%; margin:0 1%; margin-bottom: 10px;}
	/*.casebox .list_phone ul li:nth-child(2n){ margin-right: 0;}*/
	.casebox .list_phone ul li a{ display: block; width: 100%; }
	.casebox .list_phone ul li a img{ display: block; width: 100%; height: auto; }
	.casebox .more{ position: relative; display: block; width: 128px; height: 35px; line-height: 35px; margin: 20px auto; border: 1px solid #008ef2; text-align: center; font-size: 12px; color:#fff; text-transform: capitalize;} 
	.casebox .more i{ height: 35px; width: 1px;}
	.casebox .more:hover i{ width: 130px;}
	.footer{display: none;}
	.footer_phone{display: block; width: 100%;}
	.footer_phone .cpy{width: 94%; padding: 0 3%; background:#0c0c0c;height: 50px; line-height: 50px; text-align: center; font-size: 12px; color: #666;}
	.footer_phone ul{position: fixed; bottom: 0; width: 100%; padding: 10px 0; background-color: #333333;}
	.footer_phone ul li{ float: left; width: 20%;}
	.footer_phone ul li a{ display: block; margin: 0 auto;}
	.footer_phone ul li a .icon{ height: 20px;}
	.footer_phone ul li a .icon img{ display: block; height: 20px; margin: 0 auto;}
	.footer_phone ul li a span{ display: block; margin-top: 5px; text-align: center; font-size: 12px; color: #fff;}
	.mumping_mun li{ width: 49.9%;}
	
	.probox .more{width: 128px; height: 35px; line-height: 35px;}
	.probox .more span{ width: 128px; font-size: 12px; margin-left: -64px;}
	.probox .more i{ height: 35px; width: 1px;}
	.probox .more:hover i{ width: 130px;}
}


/*棣栭〉缁撴潫*/

/*鍐呴〉鍏敤寮€濮�*/
.nybanner{ position: relative; width: 100%; height: 420px;}
.classify{ position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.7);}
.classify ul{ width: 1200px; margin: 0 auto;}
.classify ul li{ float: left; width: 20%; text-align: center;padding-top:20px; height: 40px; }
.classify ul li a{ display: block; width: 100%; height: 40px; line-height: auto; margin: 0 auto; font-size: 14px; color: #fff;}
.classify ul li a.selected{ border-bottom: 4px solid #6282bd; box-sizing: border-box;}
.classify ul li a:hover{ color:##6282bd ;}

.classify2{ position: absolute; bottom: 0; width: 100%; height: 60px; background: rgba(0,0,0,0.7);}
.classify2 ul{ width: 1000px; margin: 0 auto;}
.classify2 ul li{ float: left; width: 18%; margin-right: 2%; text-align: center;}
.classify2 ul li a{  display: block; width: 100%; height: 35px;  margin: 0 auto; font-size: 14px; color: #fff; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;padding: 10px 0; }
.classify2 ul li a.selected{ border-bottom: 4px solid #6282bd; box-sizing: border-box;}

.classify3{ position: absolute; bottom: 0; width: 100%; height: 60px; background: rgba(0,0,0,0.7);}
.classify3 ul{ width: 1200px; margin: 0 auto;}
.classify3 ul li{ float: left; width: 18%; margin-right: 2%; text-align: center;}
.classify3 ul li a{  display: block; width: 100%; height: 35px;  margin: 0 auto; font-size: 14px; color: #fff; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 10px 0; }
.classify3 ul li a.selected{ border-bottom: 4px solid #6282bd; }

.nyplace{width: 1180px; height: 14px; line-height: 14px; margin: 0 auto; padding-left: 20px; background: url(../img/icon11.png) left center no-repeat; font-size: 14px; color: #999;}
.nyplace a{ margin: 0 3px; color: #999;}

@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.nybanner{ position: relative; width: 100%; height: 180px;}
	.classify{ display: none;}
	.classify2{ display: none;}
	.classify3{ display: none;}
	.nyplace{  width: 88%; height: 14px; line-height: 14px; margin: 0 auto; padding-left: 6%; background: url(../img/icon11.png) left center no-repeat; font-size: 14px; color: #999;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.nybanner{ position: relative; width: 100%; height: 120px;}
	.classify{ display: none;}
	.classify2{ display: none;}
	.classify3{ display: none;}
	.nyplace{  width: 88%; height: 14px; line-height: 14px; margin: 0 auto; padding-left: 6%; background: url(../img/icon11.png) left center no-repeat; font-size: 14px; color: #999;}
}

/*鍐呴〉鍏敤缁撴潫*/

/*鏂伴椈鍒楄〃椤靛紑濮�*/
.newslist{ width: 100%; background-color: #292929; padding: 50px 0; margin-bottom: 459px;}
.newslist .list{ width: 100%;}
.newslist .list .new{ width: 100%; padding: 25px 0; border-bottom: 1px solid #343535;}
.newslist .list .new:hover{ background: rgba(0,0,0,0.5); background: #000 \9;}
.newslist .list .new:hover .info{ margin-left: 150px;}
.newslist .list .new:hover .date{ margin-left: 50px;}
.newslist .list .new a{ display: block; width: 1200px; margin: 0 auto;}
.newslist .list .new a .pic{ float: left; width: 200px; height: 130px;}
.newslist .list .new a .pic img{ width: 200px; height: 130px;}
.newslist .list .new a .info{ float: left; width:600px; margin-left: 50px; transition: all 0.36s;}
.newslist .list .new a .info h4{ margin-top: 20px; font-size: 18px; color:#fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newslist .list .new a .info .des{ margin-top: 25px; height: 50px; line-height: 25px; font-size: 14px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist .list .new a .info .time{ display: none;}
.newslist .list .new a .date{ float: left; width: 200px;margin-left: 150px; text-align: center; transition: all 0.36s;}
.newslist .list .new a .date .day{ font-size: 60px; color: #fff; font-weight: 300;}
.newslist .list .new a .date span{ font-size: 18px; color: #fff;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.newslist{ width: 100%; background-color: #292929; padding: 20px 0 40px; margin-bottom: 0;}
	.newslist .list{ width: 100%;}
	.newslist .list .new{ width: 100%; padding: 15px 0; border-bottom: 1px solid #343535;}
	.newslist .list .new a{ display: block; width: 96%; margin: 0 auto;}
	.newslist .list .new a .pic{ float: left; width: 130px; height: 85px; margin-right: 20px;}
	.newslist .list .new a .pic img{ width: 130px; height: 85px;}
	.newslist .list .new a .info{ float: none; width:auto; transition: all 0.36s;}
	.newslist .list .new a .info h4{ margin-top: 0; font-size: 14px; color:#fff; font-weight: normal;text-overflow: clip; white-space:normal;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.newslist .list .new a .info .des{ margin-top: 3px; height: 25px; line-height: 25px; font-size: 12px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.newslist .list .new a .info .time{ display: block; margin-top: 5px; font-size: 12px; color: #999;}
	.newslist .list .new a .date{ display: none;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.newslist{ width: 100%; background-color: #292929; padding: 20px 0 40px; margin-bottom: 0;}
	.newslist .list{ width: 100%;}
	.newslist .list .new{ width: 100%; padding: 15px 0; border-bottom: 1px solid #343535;}
	.newslist .list .new a{ display: block; width: 96%; margin: 0 auto;}
	.newslist .list .new a .pic{ float: left; width: 130px; height: 85px; margin-right: 20px;}
	.newslist .list .new a .pic img{ width: 130px; height: 85px;}
	.newslist .list .new a .info{ float: none; width:auto; transition: all 0.36s;}
	.newslist .list .new a .info h4{ margin-top: 0; font-size: 14px; color:#fff; font-weight: normal;text-overflow: clip; white-space:normal;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	.newslist .list .new a .info .des{ margin-top: 3px; height: 25px; line-height: 25px; font-size: 12px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.newslist .list .new a .info .time{ display: block; margin-top: 5px; font-size: 12px; color: #999;}
	.newslist .list .new a .date{ display: none;}
}	
/*鏂伴椈鍒楄〃椤电粨鏉�*/

/*鑱旂郴鎴戜滑寮€濮�*/
.contactbox{ width: 100%;background-color: #292929; padding: 50px 0; margin-bottom: 459px;}
.contactbox .lx{ width: 1200px; height: 920px; margin: 0 auto;}
.contactbox .lx .con{position: relative; float: left; width: 580px; height: 560px;}
.contactbox .lx .con .tel{ width: 100%;}
.contactbox .lx .con .tel span{ display: block; height: 30px; line-height: 30px; font-size: 18px; color: #999; }
.contactbox .lx .con .tel p{ line-height: 48px; font-size: 35px; color: #fff;}
.contactbox .lx .con .detail{ margin-top: 30px; line-height: 30px; font-size: 14px; color: #999;}
/*.contactbox .lx .con .ewmbox{ position: absolute; width: 300px; bottom: 0; right: 0;}
.contactbox .lx .con .ewmbox .gzh{ float: left; width: 140px;}
.contactbox .lx .con .ewmbox .gzh img{ display: block; width: 135px; height: 135px; margin: 0 auto;}
.contactbox .lx .con .ewmbox .gzh span{ display: block; margin-top: 8px; text-align: center; font-size: 12px; color: #999;}
.contactbox .lx .con .ewmbox .gzh2{ margin-left: 20px;}*/

.ewmbox{width: 300px;margin: 50px 0}
.ewmbox .gzh{ float: left; width: 140px;}
.ewmbox .gzh img{ display: block; width: 135px; height: 135px; margin: 0 auto;}
.ewmbox .gzh span{ display: block; margin-top: 8px; text-align: center; font-size: 12px; color: #999;}
.ewmbox .gzh2{ margin-left: 20px;}

.contactbox .lx .area{ float: left; width: 600px; margin-left: 20px;}
.contactbox .lx .area .dt{ width: 600px; height: 268px;}
.contactbox .lx .area .dt2{ margin-top: 24px;}
.contactbox .rczpbox{ width: 1200px; margin: 0 auto; padding: 70px 0;}
.contactbox .rczpbox h4{ text-align: center; font-size: 24px; font-weight: normal; color: #f9f9f9;}
.rczp{ margin-top: 50px;}
.rczp .v{float:right;width:25px;height:18px;overflow:hidden; background:url(../img/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
.rczp .v01{background-position:0 0px;}
.rczp .v02{background-position:0 -20px;}
.rczp .vtitle{height:60px;line-height:60px;border:1px solid #434343;margin-top:-1px;
 padding-left: 40px; font-size:14px;color:#999;cursor:pointer;}
.rczp .vtitle em{margin:21px 20px 0 0;}
.rczp .vtitle span{ float: left; display: block;} 
.rczp .vtitle .sp1{width: 350px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rczp .vtitle .sp2{width: 290px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rczp .vtitle .sp3{width: 250px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rczp .vtitle .sp4{width: 140px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rczp .vtitle .sp5{width: 80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.rczp .vcon{ width: 1120px;padding: 30px 40px; background-color: #313131; line-height: 30px; font-size: 14px; color: #ccc;}
.contactbox .message{width: 1200px; margin: 0 auto; }
.contactbox .message h4{ margin-bottom: 50px; text-align: center; font-size: 24px; font-weight: normal; color: #f9f9f9;}
.contactbox .message p{ width: 1200px; margin-bottom: 20px;}
.contactbox .message p .info{ float: left; width: 500px; height: 60px; line-height: 60px; padding: 0 15px; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
.contactbox .message p .r{ margin-left: 136px;}
.contactbox .message textarea{ width: 1170px; font-size: 14px; height: 90px; padding: 10px 15px; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
.contactbox .message .btn{ width: 1200px; height: 60px; line-height: 60px; margin-top: 20px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer;}

@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.contactbox{ width: 100%;background-color: #292929; padding:30px 0 20px; margin-bottom: 0;}
	.contactbox .lx{ width: 94%; height: auto; margin: 0 auto;}
	.contactbox .lx .con{position: relative; float: none; width: 100%; height: auto;}
	.contactbox .lx .con .tel{ width: 100%;}
	.contactbox .lx .con .tel span{ display: block; height: 28px; line-height: 28px; font-size: 14px; color: #999; }
	.contactbox .lx .con .tel p{ line-height: 32px; font-size: 28px; color: #fff;}
	.contactbox .lx .con .detail{ margin-top: 20px; line-height: 24px; font-size: 14px; color: #999;}
	.contactbox .lx .con .ewmbox{ position: inherit; width: 100%; bottom: 0; right: 0; margin: 20px 0;}
	.contactbox .lx .con .ewmbox .gzh{ float: left; width: 50%;}
	.contactbox .lx .con .ewmbox .gzh img{ display: block; width: 115px; height: 115px; margin: 0 auto;}
	.contactbox .lx .con .ewmbox .gzh span{ display: block; margin-top: 8px; text-align: center; font-size: 12px; color: #999;}
	.contactbox .lx .con .ewmbox .gzh2{ margin-left: 0px;}
	.contactbox .lx .area{ float: none; width: 100%; margin-left: 0;}
	/* .contactbox .lx .area .dt{ width: 100%; height: 268px;} */
	.contactbox .lx .area .dt{ width: 100%; max-height: 268px; height: auto; overflow: hidden;}
	.contactbox .lx .area .dt img{width: 100%; height: auto; }

	.contactbox .lx .area .dt2{ margin-top: 10px;}
	.contactbox .rczpbox{ width: 96%; margin: 40px auto;padding: 0;}
	.contactbox .rczpbox h4{ text-align: center; font-size: 18px; font-weight: normal; color: #f9f9f9;}
	.rczp{ margin-top: 20px;}
	.rczp .v{float:right;width:25px;height:18px;overflow:hidden;background:url(../img/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
	.rczp .v01{background-position:0 0px;}
	.rczp .v02{background-position:0 -20px;}
	.rczp .vtitle{height:60px;line-height:60px;border:1px solid #434343;margin-top:-1px;
	 padding-left: 20px; font-size:14px;color:#999;cursor:pointer;}
	.rczp .vtitle em{margin:21px 20px 0 0;}
	.rczp .vtitle span{ float: left; display: block;} 
	.rczp .vtitle .sp1{width: 40%;}
	.rczp .vtitle .sp2{width: 160px; display: none;}
	.rczp .vtitle .sp3{width: 240px; display: none;}
	.rczp .vtitle .sp4{width: 30%; }
	.rczp .vtitle .sp5{width:10% ;}
	.rczp .vcon{ width: 94%;padding: 20px 3%; background-color: #313131; line-height: 26px; font-size: 12px; color: #ccc;}
	.contactbox .message{width: 94%; margin: 0 auto; }
	.contactbox .message h4{ margin-bottom: 20px; text-align: center; font-size: 18px; font-weight: normal; color: #f9f9f9;}
	.contactbox .message p{ width: 100%; margin-bottom: 0;}
	.contactbox .message p .info{ float: none; width: 94%; height: 50px; line-height: 50px; margin-bottom: 10px; padding: 0 3%; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
	.contactbox .message p .r{ margin-left: 0;}
	.contactbox .message textarea{ width: 94%; font-size: 14px; height: 90px; padding: 10px 3%; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
	.contactbox .message .btn{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer; -webkit-appearance: none;}
}	
@media (max-width:479px){/*寰皬灞忓箷*/
	.contactbox{ width: 100%;background-color: #292929; padding:30px 0 20px; margin-bottom: 0;}
	.contactbox .lx{ width: 94%; height: auto; margin: 0 auto;}
	.contactbox .lx .con{position: relative; float: none; width: 100%; height: auto;}
	.contactbox .lx .con .tel{ width: 100%;}
	.contactbox .lx .con .tel span{ display: block; height: 28px; line-height: 28px; font-size: 14px; color: #999; }
	.contactbox .lx .con .tel p{ line-height: 32px; font-size: 28px; color: #fff;}
	.contactbox .lx .con .detail{ margin-top: 20px; line-height: 24px; font-size: 14px; color: #999;}
	.contactbox .lx .con .ewmbox{ position: inherit; width: 100%; bottom: 0; right: 0; margin: 20px 0;}
	.contactbox .lx .con .ewmbox .gzh{ float: left; width: 50%;}
	.contactbox .lx .con .ewmbox .gzh img{ display: block; width: 115px; height: 115px; margin: 0 auto;}
	.contactbox .lx .con .ewmbox .gzh span{ display: block; margin-top: 8px; text-align: center; font-size: 12px; color: #999;}
	.contactbox .lx .con .ewmbox .gzh2{ margin-left: 0px;}
	.contactbox .lx .area{ float: none; width: 100%; margin-left: 0;}
	/* .contactbox .lx .area .dt{ width: 100%; height: 268px;} */
	.contactbox .lx .area .dt{ width: 100%; max-height: 268px; height: auto; overflow: hidden;}
	.contactbox .lx .area .dt img{width: 100%; height: auto; }

	.contactbox .lx .area .dt2{ margin-top: 10px;}
	.contactbox .rczpbox{ width: 96%; margin: 40px auto;padding: 0;}
	.contactbox .rczpbox h4{ text-align: center; font-size: 18px; font-weight: normal; color: #f9f9f9;}
	.rczp{ margin-top: 20px;}
	.rczp .v{float:right;width:25px;height:18px;overflow:hidden;background:url(../img/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
	.rczp .v01{background-position:0 0px;}
	.rczp .v02{background-position:0 -20px;}
	.rczp .vtitle{height:60px;line-height:60px;border:1px solid #434343;margin-top:-1px;
	 padding-left: 20px; font-size:14px;color:#999;cursor:pointer;}
	.rczp .vtitle em{margin:21px 20px 0 0;}
	.rczp .vtitle span{ float: left; display: block;} 
	.rczp .vtitle .sp1{width: 40%;}
	.rczp .vtitle .sp2{width: 160px; display: none;}
	.rczp .vtitle .sp3{width: 240px; display: none;}
	.rczp .vtitle .sp4{width: 30%; }
	.rczp .vtitle .sp5{width:10% ;}
	.rczp .vcon{ width: 94%;padding: 20px 3%; background-color: #313131; line-height: 26px; font-size: 12px; color: #ccc;}
	.contactbox .message{width: 94%; margin: 0 auto; }
	.contactbox .message h4{ margin-bottom: 20px; text-align: center; font-size: 18px; font-weight: normal; color: #f9f9f9;}
	.contactbox .message p{ width: 100%; margin-bottom: 0;}
	.contactbox .message p .info{ float: none; width: 94%; height: 50px; line-height: 50px; margin-bottom: 10px; padding: 0 3%; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
	.contactbox .message p .r{ margin-left: 0;}
	.contactbox .message textarea{ width: 94%; font-size: 14px; height: 90px; padding: 10px 3%; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
	.contactbox .message .btn{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer; -webkit-appearance: none;}
}	
/*鑱旂郴鎴戜滑缁撴潫*/

/*浜у搧鍒楄〃椤靛紑濮�*/
.pro_menu{ display: none;}
.prolist{ width: 100%;background-color: #292929; padding: 50px 0; margin-bottom: 459px;}
.prolist .searchbox{ width: 1120px; margin: 0 auto;padding: 30px 40px; border: 5px solid #434343;}
.prolist .searchbox .cpxl{ float: left;}
.prolist .searchbox .cpxl span{ font-size: 14px; color: #fff;}
.prolist .searchbox .cpxl select{ width: 230px; height: 30px;margin-left: 8px;border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 14px; color: #999;}
.prolist .searchbox .zdy{ float: left; margin-left: 70px;}
.prolist .searchbox .zdy span{ font-size: 14px; color: #fff;}
.prolist .searchbox .zdy input[type=text]{ max-width: 340px; height: 30px; margin-left: 8px; padding: 0 10px; border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 14px; color: #999; outline: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist .searchbox .btn{ width: 200px;height: 30px; margin-left: 50px; background-color: #6282bd; border: 1px solid #6282bd; font-size: 14px; color: #fff; cursor: pointer; float: right;}
.prolist .menu{ width: 1200px; margin: 50px auto;}	
.prolist .menu h4{ float: left; font-size: 18px; color: #fff;}
.prolist .menu ul{ float: left; margin-left:20px;}
.prolist .menu ul li{ float: left; margin-right: 30px; margin-bottom: 15px;}
.prolist .menu ul li a{ padding-left: 30px; background: url(../img/icon4.png) left center no-repeat; font-size: 14px; color: #fff;}
.prolist .menu ul li a.selected{ background: url(../img/icon3.png) left center no-repeat;}
.prolist .list{ width: 1200px;margin: 0 auto;}
.prolist .list li{float: left; width: 365px; margin-right: 52px; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #707070;}
.prolist .list li:nth-child(3n){ margin-right:0;}
.prolist .list li a{ display: block; width: 365px; }
.prolist .list li a:hover span{ color: #fff;}
.prolist .list li a:hover .pic img{ transform: scale(0.9);  transition: all 0.5s ease 0s;  -webkit-transform: scale(0.9);  -webkit-transform: all 1s ease 0s;  }
.prolist .list li a .pic{ width: 365px; height: 193px; overflow: hidden;}
.prolist .list li a .pic img{ width: 365px; height: 193px;transition: all 0.5s ease 0s;}
.prolist .list li a span{ display: block; margin-top: 20px; text-align: center; font-size: 18px; color: #999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.pro_menu{ display: block; width: 94%; height:50px; padding: 0 3%; background-color: #0c0c0c;}
	.pro_menu h4{ float: left; line-height: 50px; font-size: 16px; color: #fff; font-weight: normal;}
	.prolist{ width: 100%;background-color: #292929; padding: 30px 0; margin-bottom: 0;}
	.prolist .searchbox{ width: 88%; margin: 0 auto;padding: 20px 3%; border: 5px solid #434343;}
	.prolist .searchbox .cpxl{ float: none;height: 30px;}
	.prolist .searchbox .cpxl span{ display: block; float: left; width: 30%; height: 30px; line-height: 30px; text-align: right;font-size: 14px; color: #fff;}
	.prolist .searchbox .cpxl select{ float: left; width: 65.5%; height: 30px;margin-left: 8px;border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 14px; color: #999;}
	.prolist .searchbox .zdy{ float: none; margin-left: 0;height: 30px; margin-top: 15px;}
	.prolist .searchbox .zdy span{ display: block;float: left; width: 30%; height: 30px; line-height: 30px; text-align: right;  font-size: 12px; color: #fff;}
	.prolist .searchbox .zdy input[type=text]{ float: left; width: 55%; height: 30px; margin-left: 8px; padding: 0 5%; border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 14px; color: #999; outline: none;}
	.prolist .searchbox .btn{ width: 100%;height: 30px; margin-left: 0; margin-top: 15px; background-color: #6282bd; border: 1px solid #6282bd; font-size: 14px; color: #fff; cursor: pointer;}
	.prolist .menu{ display: none;}	
	.prolist .list{ width: 94%;margin: 40px auto;}
	.prolist .list li{float: left; width: 48%; margin-right: 4%; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #707070;}
	.prolist .list li:nth-child(2n){ margin-right:0 !important;}
	.prolist .list li:first-child+li{ margin-right:0 !important;}
	.prolist .list li:nth-child(3n){ margin-right:4%;}
	.prolist .list li:first-child+li+li{ margin-right:4%;}
	.prolist .list li a{ display: block; width: 100%; }
	.prolist .list li a .pic{ width: 100%; height: auto; overflow: hidden;}
	.prolist .list li a .pic img{ width: 100%; height: auto;transition: all 0.5s ease 0s;}
	.prolist .list li a span{ display: block; margin-top: 20px; height: 40px; text-align: center; font-size: 18px; color: #999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.pro_menu{ display: block; width: 94%; height:50px; padding: 0 3%; background-color: #0c0c0c;}
	.pro_menu h4{ float: left; line-height: 50px; font-size: 16px; color: #fff; font-weight: normal;}
	.prolist{ width: 100%;background-color: #292929; padding: 30px 0; margin-bottom: 0;}
	.prolist .searchbox{ width: 92%; margin: 0 auto;padding: 20px 1%; border: 5px solid #434343;}
	.prolist .searchbox .cpxl{ float: none;height: 30px;}
	.prolist .searchbox .cpxl span{ display: block; float: left; width: 30%; height: 30px; line-height: 30px; text-align: right;font-size: 12px; color: #fff; overflow: hidden;}
	.prolist .searchbox .cpxl select{ float: left; width: 65%; height: 30px;margin-left: 2%;padding: 0 2%; border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 12px; color: #999;-webkit-appearance: none;}
	.prolist .searchbox .zdy{ float: none; margin-left: 0;height: 30px; margin-top: 15px;}
	.prolist .searchbox .zdy span{ display: block;float: left; width: 30%; height: 30px; line-height: 30px; text-align: right;  font-size: 12px; color: #fff;overflow: hidden;}
	.prolist .searchbox .zdy input[type=text]{ float: left; width: 61%; height: 30px; margin-left: 2%; padding: 0 2%; border: 1px solid #434343; background: #1f1f1f; outline: none; font-size: 12px; color: #999; outline: none;-webkit-appearance: none;}
	.prolist .searchbox .btn{ width: 100%;height: 30px; margin-left: 0; margin-top: 15px; background-color: #6282bd; border: 1px solid #6282bd; font-size: 14px; color: #fff; cursor: pointer;-webkit-appearance: none;}
	.prolist .menu{ display: none;}	
	.prolist .list{ width: 94%;margin: 40px auto;}
	.prolist .list li{float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #707070;}
	.prolist .list li:nth-child(2n){ margin-right:0 !important;}
	.prolist .list li:first-child+li{ margin-right:0 !important;}
	.prolist .list li:nth-child(3n){ margin-right:4%;}
	.prolist .list li:first-child+li+li{ margin-right:4%;}
	.prolist .list li a{ display: block; width: 100%; }
	.prolist .list li a .pic{ width: 100%; height:auto; overflow: hidden;}
	.prolist .list li a .pic img{ width: 100%; height: auto;transition: all 0.5s ease 0s;}
	.prolist .list li a span{ display: block; margin-top: 20px; text-align: left; height: 40px; font-size: 14px; line-height: 20px; color: #999;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: clip;}
	

}
/*浜у搧鍒楄〃椤电粨鏉�*/


/*浜у搧璇︽儏椤靛紑濮�*/
.prodetail{ width: 100%;background-color: #292929; padding: 50px 0; margin-bottom: 459px;}
.prodetail .pro_up{ width: 1200px; margin: 0 auto;}
.prodetail .pro_up .pic{ float: left; width: 700px; height: 510px; position: relative;}
.prodetail .pro_up .pic .fd{ display: block; position: absolute; top: 320px; right: 10px; z-index: 888;}

#preview{ float:none;  text-align:center; width:700px;}
.jqzoom{ width:700px; height:370px; position:relative; border:1px solid #434343;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:700px; height:101px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../img/left.gif) no-repeat; width:55px; height:101px; float:left; cursor:pointer; }
#spec-right{background:url(../img//right.gif) no-repeat; width:55px; height:101px; float:right;cursor:pointer; }
#spec-list{ width:700px; float:left; overflow:hidden;  display:inline;}
#spec-list ul li{ float:left; display:inline; width:175px;height:99px; margin: 0 10px;}
#spec-list ul li img{ border:1px solid #434343; width:175px; height:99px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:0px !important;left:720px !important;width:400px;height:370px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden; background-color: #fff; z-index: 99999;}
.bigimg{width:1050px;height:555px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;
filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:580px; height: 101px;}

.prodetail .pro_up .pic_phone{ display: none;}
.prodetail .pro_up .info{ float: left; width: 450px;height: 390px; margin-left: 50px; margin-top:60px;overflow: hidden;}
.prodetail .pro_up .info h4{padding: 10px 0 30px; height: 24px; line-height: 24px; border-bottom: 1px solid #626262; font-size: 24px; color: #fff; font-weight: normal;}
.prodetail .pro_up .info .des{padding: 25px 0; height: 80px; border-bottom: 1px solid #626262;  line-height: 30px; font-size: 14px;color: #fff; overflow: hidden;	}
.prodetail .pro_up .hotline{ height: 193px;overflow: hidden;}
.prodetail .pro_up .hotline span{ display: block; margin-top: 40px; font-size: 14px; color: #fff;}
.prodetail .pro_up .hotline p{ margin-top: 15px; font-size: 24px; color: #fff;}
.prodetail .pro_up .hotline a{ position: relative; display: block;width: 330px; height: 55px; line-height: 55px; margin-top: 28px; border: 1px solid #6282bd; text-align: center; font-size: 18px; color: #fff;} 
.prodetail .pro_up .hotline a font{ display: block; position: absolute; left: 50%; margin-left: -165px; width: 330px; z-index: 8888;}
.prodetail .pro_up .hotline a i{ display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 55px; background-color:#008ef2; transition: all .36s ease;}
.prodetail .pro_up .hotline a:hover i{ width: 332px;}
.prodetail .pro_mid{ width: 1200px; margin: 0 auto;}
.prodetail .pro_mid .det_top{ width:100%; height: 60px; border:1px solid #404040;background: url(../img/bj11.png) left center no-repeat;}
.prodetail .pro_mid .det_top span{ display: block; width: 240px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #f3f3f3;}
.prodetail .pro_mid .detail{width: 1200px; margin: 0 auto; padding: 20px 0 50px;line-height: 36px; font-size: 16px; color: #999;}
.prodetail .pro_mid .detail img{ display: block; max-width: 100%; height: auto!important; margin: 15px auto;}
.prodetail .pro_bot{ width: 100%; padding-top: 60px; border-top:1px solid #515151 ;}
.prodetail .pro_bot .message{width: 1200px; margin: 0 auto; }
.prodetail .pro_bot .message h4{ margin-bottom: 50px; text-align: center; font-size: 24px; font-weight: normal; color: #f9f9f9;}
.prodetail .pro_bot .message p{ width: 1200px; margin-bottom: 20px;}
.prodetail .pro_bot .message p .info{ float: left; width: 500px; height: 60px; line-height: 60px; padding: 0 15px; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
.prodetail .pro_bot .message p .r{ margin-left: 136px;}
.prodetail .pro_bot .message textarea{ width: 1170px; font-size: 14px; height: 90px; padding: 10px 15px; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
.prodetail .pro_bot .message .btn{ width: 1200px; height: 60px; line-height: 60px; margin-top: 20px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
.prodetail{ width: 100%;background-color: #292929; padding: 50px 0; margin-bottom: 0;}
	.prodetail .pro_up{ width: 94%; margin: 0 auto;}
	.prodetail .pro_up .pic{ display: none; }
	#preview{ display: none;}	
	.prodetail .pro_up .pic_phone{ display: block; width:94%; padding: 3%; border:1px solid #434343;}
	.prodetail .pro_up .pic_phone img{ width: 100%;}
	.prodetail .pro_up .info{ float: none; width: 100%;height: auto; margin-left: 0; margin-top:20px;overflow:auto;}
	.prodetail .pro_up .info h4{padding: 10px 0 20px; height: 20px; line-height: 20px; border-bottom: 1px solid #626262; font-size: 18px; color: #fff; font-weight: normal;}
	.prodetail .pro_up .info .des{padding: 15px 0; height: auto; border-bottom: 1px solid #626262;  line-height: 30px; font-size: 14px;color: #fff; overflow: hidden;	}
	.prodetail .pro_up .hotline{ height: auto;overflow: hidden;}
	.prodetail .pro_up .hotline span{ display: block; margin-top: 20px; font-size: 14px; color: #fff;}
	.prodetail .pro_up .hotline p{ margin-top: 10px; font-size: 14px; color: #fff;}
	.prodetail .pro_up .hotline a{ position: relative; display: block;width: 130px; height: 35px; line-height: 35px; margin-top: 28px; border: 1px solid #6282bd; text-align: center; font-size: 12px; color: #fff;} 
	.prodetail .pro_up .hotline a font{ display: block; position: absolute; left: 50%; margin-left: -65px; width: 130px; z-index: 8888;}
	.prodetail .pro_up .hotline a i{ display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 35px; background-color:#008ef2; transition: all .36s ease;}
	.prodetail .pro_up .hotline a:hover i{ width: 132px;}
	.prodetail .pro_mid{ width: 94%; margin: 40px auto;}
	.prodetail .pro_mid .det_top{ width:100%; height: 50px; overflow: hidden; border:1px solid #404040;background: url(../img/bj10.png) left center no-repeat;}
	.prodetail .pro_mid .det_top span{ display: block; width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #f3f3f3;}
	.prodetail .pro_mid .detail{width: 100%; margin: 0 auto; padding: 20px 0 20px;line-height: 24px; font-size: 14px; color: #999; overflow: hidden;}
	.prodetail .pro_mid .detail table{ width: 100%;}
	.prodetail .pro_mid .detail img{ display: block; max-width: 100%; height: auto!important; margin: 15px auto;}
	.prodetail .pro_bot{ width: 100%; padding-top: 60px; border-top:1px solid #515151 ;}
	.prodetail .pro_bot .message{width: 94%; margin: 0 auto; }
	.prodetail .pro_bot .message h4{ margin-bottom: 20px; text-align: center; font-size: 24px; font-weight: normal; color: #f9f9f9;}
	.prodetail .pro_bot .message p{ width: 100%; margin-bottom: 0;}
	.prodetail .pro_bot .message p .info{ float: none; width:94%; height: 50px; line-height: 50px; margin-bottom: 10px; padding: 0 3%; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
	.prodetail .pro_bot .message p .r{ margin-left: 0;}
	.prodetail .pro_bot .message textarea{ width: 94%; font-size: 14px; height: 90px; padding: 10px 3%; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
	.prodetail .pro_bot .message .btn{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer; -webkit-appearance: none;}
	.prodetail .pro_up .hotline a{ display: none;}
	.prodetail .pro_up .hotline a.phone_zxzx{ display: block;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.prodetail{ width: 100%;background-color: #292929; padding: 50px 0; margin-bottom: 0;}
	.prodetail .pro_up{ width: 94%; margin: 0 auto;}
	.prodetail .pro_up .pic{ display: none; }
	#preview{ display: none;}	
	.prodetail .pro_up .pic_phone{ display: block; width:94%; padding: 3%; border:1px solid #434343;}
	.prodetail .pro_up .pic_phone img{ width: 100%;}
	.prodetail .pro_up .info{ float: none; width: 100%;height: auto; margin-left: 0; margin-top:20px;overflow:auto;}
	.prodetail .pro_up .info h4{padding: 10px 0 20px; height: 18px; line-height: 18px; border-bottom: 1px solid #626262; font-size: 18px; color: #fff; font-weight: normal;}
	.prodetail .pro_up .info .des{padding: 15px 0; height: auto; border-bottom: 1px solid #626262;  line-height: 30px; font-size: 14px;color: #fff; overflow: hidden;	}
	.prodetail .pro_up .hotline{ height: auto;overflow: hidden;}
	.prodetail .pro_up .hotline span{ display: block; margin-top: 20px; font-size: 14px; color: #fff;}
	.prodetail .pro_up .hotline p{ margin-top: 10px; font-size: 14px; color: #fff;}
	.prodetail .pro_up .hotline a{ position: relative; display: block;width: 130px; height: 35px; line-height: 35px; margin-top: 28px; border: 1px solid #6282bd; text-align: center; font-size: 12px; color: #fff;} 
	.prodetail .pro_up .hotline a font{ display: block; position: absolute; left: 50%; margin-left: -65px; width: 130px; z-index: 8888;}
	.prodetail .pro_up .hotline a i{ display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 35px; background-color:#008ef2; transition: all .36s ease;}
	.prodetail .pro_up .hotline a:hover i{ width: 132px;}
	.prodetail .pro_mid{ width: 94%; margin: 40px auto;}
	.prodetail .pro_mid .det_top{ width:100%; height: 50px; overflow: hidden; border:1px solid #404040;background: url(../img/bj10.png) left center no-repeat;}
	.prodetail .pro_mid .det_top span{ display: block; width: 120px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #f3f3f3;}
	.prodetail .pro_mid .detail{width: 100%; margin: 0 auto; padding: 20px 0 20px;line-height: 24px; font-size: 14px; color: #999; overflow: hidden;}
	.prodetail .pro_mid .detail table{ width: 100%; display: block; overflow: hidden;}
	.prodetail .pro_mid .detail img{ display: block; max-width: 100%; height: auto!important; margin: 15px auto;}
	.prodetail .pro_bot{ width: 100%; padding-top: 30px; border-top:1px solid #515151 ;}
	.prodetail .pro_bot .message{width: 94%; margin: 0 auto; }
	.prodetail .pro_bot .message h4{ margin-bottom: 20px; text-align: center; font-size: 18px; font-weight: normal; color: #f9f9f9;}
	.prodetail .pro_bot .message p{ width: 100%; margin-bottom: 0;}
	.prodetail .pro_bot .message p .info{ float: none; width:94%; height: 50px; line-height: 50px; margin-bottom: 10px; padding: 0 3%; border: 1px solid #626262; background-color: #212121; border-radius: 5px; outline: none; color: #fff;}
	.prodetail .pro_bot .message p .r{ margin-left: 0;}
	.prodetail .pro_bot .message textarea{ width: 94%; font-size: 14px; height: 90px; padding: 10px 3%; line-height: 30px; border: 1px solid #626262; background-color: #212121; border-radius: 5px;outline: none; resize: none;color: #fff;}
	.prodetail .pro_bot .message .btn{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; background-color: #6282bd; border: none; border-radius: 5px; font-size: 14px; color: #fff;cursor: pointer; -webkit-appearance: none;}
	.prodetail .pro_up .hotline a{ display: none;}
	.prodetail .pro_up .hotline a.phone_zxzx{ display: block;}
}
/*浜у搧璇︽儏椤电粨鏉�*/

/*鍏充簬鎴戜滑寮€濮�*/	
.aboutxq{  width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.aboutxq .ljpk{ width: 1200px; margin: 0 auto;}
.aboutxq .ljpk h4{ text-align: center; font-size: 30px; color: #fff; font-weight: normal;}
.aboutxq .ljpk .con{ margin-top: 40px; text-align: center; line-height: 26px; font-size: 14px; color: #999;}
.aboutxq .wrapper {width: 1200px; margin: 60px auto 0;}
.aboutxq .wrapper .list { width: 100%;}
.aboutxq .wrapper .list .item .attr dd{ width: 24.9%; float: left;  text-align: center;}
.aboutxq .wrapper .list .item .attr dd h3{position: relative; }
.aboutxq .wrapper .list .item .attr dd h3 span{font-size: 60px; color: #fff;font-weight:100;}
.aboutxq .wrapper .list .item .attr dd h3 i{ position: absolute; font-style: normal; font-size: 16px; color: #fff;font-weight:100;}
.aboutxq .wrapper .list .item .text_con{display:block; font-size:16px; color:#999;}
.aboutxq .video{ width: 1200px; margin: 70px auto 0;}
.lcb{ width: 100%; margin-top: 80px; padding: 50px 0; background: url(../img/bj9.png) center no-repeat;}
.lcb h2{text-align: center; font-size: 30px;color: #fff; font-weight: normal;}
#timeline{width:1200px;overflow: hidden; margin:40px auto 0 auto;position:relative;background:url('../img/dot.gif') left 45px repeat-x;}
#dates{width:1200px;height:60px;overflow:hidden;}
#dates li{float:left;width:100px;height:50px;font-size:24px;text-align:center;background:url('../img/biggerdot.png') center bottom no-repeat;}
#dates a{ line-height:38px;padding-bottom:10px; color: #fff;}
#dates .selected{font-size:38px; color: #6282bd;}
#issues{width:1200px;height:238px; margin-top: 60px;}
#issues li{width:1200px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px; display: block;}
#issues li .info{ float: left; width: 610px; margin-top: 29px;}
#issues li .info p{ height: 36px; line-height: 36px; font-size: 16px; color: #fff;text-overflow:ellipsis;overflow:hidden;
white-space:nowrap;}
#next,#prev{position:absolute;top:0;font-size:70px;top:210px;width:22px;height:38px;background-position:0 0;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;}
#next:hover,#prev:hover{background-position:0 -76px;}
#next{right:0;background-image:url('../img/next.png');}
#prev{left:0;background-image:url('../img/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}
.lcb_phone{ display: none;}
.ppwh{ width: 1200px; margin: 0 auto; padding-top: 70px;}
.ppwh h2{text-align: center; font-size: 30px;color: #fff; font-weight: normal;}
.ppwh h6{margin-top: 20px; text-align: center; font-size: 14px; color: #999;font-weight: normal;}
#box{width:1200px;height: 400px;overflow: hidden; box-shadow: 0 0 0 30px transparent; margin-top: 30px;}
#img{position:relative;float: left;height: 400px;width: 25%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#img img{width:1200px;height: 400px;}
#box #img p.mc1{position:absolute;top:0; width:100%;height:100%; padding-top:45%;background:rgba(0,0,0,0.5); font-size: 26px; color: #fff; }
#box #img p.mc1 span{display:block; width: 26px; margin:0 auto;}
#box #img .main{width:130px;font-size:19px ;color: white;opacity: 0.5;text-align: left;position:absolute;left:20px;top: 100px;overflow: hidden;transition-duration:0.5s;opacity:0;}
#box #img .main h1{ margin-left: 10%; font-size: 16px; font-weight: normal;}
#box #img .main .info{ width: 62%;margin-left:10%;  color: #fff;}
#box #img .main .info i{ display: block;width: 90%; height: 120px; line-height: 40px; margin-left:10%;  font-size: 32px; overflow: hidden; font-style: normal;}
#box:hover #img{width: 156px;}
#box #img:hover{width:61%;}
#box #img:hover .main{opacity:1;width:90%;transition-duration:0.5s;}
#box #img:hover p.mc1{opacity:0;}
#box #img:hover p.mc2{opacity:0;}
#box #img:hover p.mc3{opacity:0;}
#box #img:hover p.mc4{opacity:0;}
.ppwh_phone{ display: none;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.aboutxq{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.aboutxq .ljpk{ width: 94%; margin: 0 auto;}
	.aboutxq .ljpk h4{ text-align: center; font-size: 24px; color: #fff; font-weight: normal;}
	.aboutxq .ljpk .con{ margin-top: 20px; text-align: left; line-height: 26px; font-size: 14px; color: #999;}
	.aboutxq .wrapper {width: 94%; margin: 30px auto 0;}
	.aboutxq .wrapper .list { width: 100%;}
	.aboutxq .wrapper .list .item .attr dd{ width: 24.5%; float: left; border-right: 1px solid #999; text-align: center;}
	.aboutxq .wrapper .list .item .attr dd h3{position: relative; }
	.aboutxq .wrapper .list .item .attr dd h3 span{font-size: 40px; color: #fff;font-weight:100;}
	.aboutxq .wrapper .list .item .attr dd h3 i{ position: absolute; font-style: normal; font-size: 14px; color: #fff;font-weight:100;}
	.aboutxq .wrapper .list .item .text_con{display:block; font-size:12px; margin-top: 5px; color:#999;}		
	.aboutxq .video{ width: 94%; margin:40px auto 0;}
	.lcb{ width: 100%; margin-top: 0; padding:40px 0 0; background:none;}
	.lcb h2{text-align: center; font-size: 30px;color: #fff; font-weight: normal;}
	#timeline{display: none;}
	.lcb_phone{ display: block; margin-top: 30px;}
	.lcb_phone .v{float:right;width:25px;height:18px;overflow:hidden;background:url(../img/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
	.lcb_phone .v01{background-position:0 0px;}
	.lcb_phone .v02{background-position:0 -20px;}
	.lcb_phone .vtitle{height:60px;line-height:60px;border:1px solid #434343;margin-top:-1px;
	 padding-left: 40px; font-size:14px;color:#999;cursor:pointer;}
	.lcb_phone .vtitle em{margin:16px 13px 0 0;}
	.lcb_phone .vtitle span{ float: left; display: block;} 
	.lcb_phone .vtitle .sp1{width: 50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.lcb_phone .vcon{ width: 94%;padding: 30px 3%; background-color: #313131; line-height: 30px; font-size: 14px; color: #ccc;}
	
	#next.disabled,#prev.disabled{opacity:0.2;}
	.ppwh{ width: 94%; margin: 0 auto; padding-top:40px;}
	.ppwh h2{text-align: center; font-size: 30px;color: #fff; font-weight: normal;}
	.ppwh h6{margin-top: 10px; text-align: center; line-height: 30px; font-size: 14px; color: #999;font-weight: normal;}
	#box{display: none;}
	.ppwh_phone{ display: block; width: 100%; margin-top: 20px;}
	.ppwh_phone ul{ width: 100%;}
	.ppwh_phone ul li{ width: 100%; padding: 30px 0; }
	.ppwh_phone ul li h1{ margin-left: 20px; font-size: 20px; color: #fff; font-weight:normal;}
	.ppwh_phone ul li .info{ display: block; margin-top: 10px; margin-left: 20px; font-size: 26px; color: #fff;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.aboutxq{  width: 100%;background-color: #292929; padding: 30px 0; margin-bottom: 0;}
	.aboutxq .ljpk{ width: 94%; margin: 0 auto;}
	.aboutxq .ljpk h4{ text-align: center; font-size: 18px; color: #fff; font-weight: normal;}
	.aboutxq .ljpk .con{ margin-top: 10px; text-align: left; line-height: 24px; font-size: 12px; color: #999;}
	.aboutxq .wrapper {width: 100%; margin: 30px auto 0;}
	.aboutxq .wrapper .list { width: 100%;}
	
	.aboutxq .wrapper .list .item .attr dd{ width: 48%;padding: 0 1%; float: left; overflow: hidden; border-right: 1px solid #999; box-sizing: border-box; text-align: center; position: relative; min-height: 90px;}
	.aboutxq .wrapper .list .item .attr dd:nth-child(1){ border-bottom: 1px solid #999;}
	.aboutxq .wrapper .list .item .attr dd:nth-child(2){ border-bottom: 1px solid #999; border-right: none;}
	.aboutxq .wrapper .list .item .attr dd:nth-child(4){ border-right: none;padding-top: 10px;}
	.aboutxq .wrapper .list .item .attr dd:nth-child(3){ padding-top: 10px;}
	.aboutxq .wrapper .list .item .attr dd h3{position: relative; }
	.aboutxq .wrapper .list .item .attr dd h3 span{font-size: 40px; color: #fff;font-weight:100; }
	.aboutxq .wrapper .list .item .attr dd h3 i{ font-style: normal; font-size: 24px; color: #fff;font-weight:100;  position: absolute; top: 25%; left: 70%; z-index: 22;}
	.aboutxq .wrapper .list .item .text_con{display:block; font-size:12px; color:#999;}		
	.aboutxq .video{ width: 94%; margin:20px auto 0;}
	.lcb{ width: 100%; margin-top: 0; padding:40px 0 0; background:none;}
	.lcb h2{text-align: center; font-size: 18px;color: #fff; font-weight: normal;}
	#timeline{display: none;}
	.lcb_phone{ display: block; margin-top: 30px;}
	.lcb_phone .v{float:right;width:25px;height:18px;overflow:hidden;background:url(../img/vicon.png) no-repeat;display:inline-block;margin-top:-5px;margin-bottom:-5px;}
	.lcb_phone .v01{background-position:0 0px;}
	.lcb_phone .v02{background-position:0 -20px;}
	.lcb_phone .vtitle{height:60px;line-height:60px;border:1px solid #434343;margin-top:-1px;
	 padding-left: 40px; font-size:14px;color:#999;cursor:pointer;}
	.lcb_phone .vtitle em{margin:21px 20px 0 0;}
	.lcb_phone .vtitle span{ float: left; display: block;} 
	.lcb_phone .vtitle .sp1{width: 50%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.lcb_phone .vcon{ width: 94%;padding: 30px 3%; background-color: #313131; line-height: 30px; font-size: 14px; color: #ccc;}
	#next.disabled,#prev.disabled{opacity:0.2;}
	.ppwh{ width: 94%; margin: 0 auto; padding-top:40px;}
	.ppwh h2{text-align: center; font-size: 18px;color: #fff; font-weight: normal;}
	.ppwh h6{margin-top: 10px; text-align: center; line-height: 18px; font-size: 12px; color: #999;font-weight: normal;}
	#box{display: none;}
	.ppwh_phone{ display: block; width: 100%; margin-top: 20px;}
	.ppwh_phone ul{ width: 100%;}
	.ppwh_phone ul li{ width: 100%; padding: 30px 0; margin-bottom: 10px;}
	.ppwh_phone ul li h1{ margin-left: 20px; font-size: 12px; color: #fff; font-weight:normal;}
	.ppwh_phone ul li .info{ display: block; margin-top: 10px; margin-left: 20px; font-size: 16px; color: #fff;}

}
/*鍏充簬鎴戜滑缁撴潫*/	 

/*鏂伴椈璇︽儏椤靛紑濮�*/
.newsdetail{  width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.newsdetail .up{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #ccc;}
.newsdetail .up  h4{font-size: 28px; color: #fff; font-weight: normal;}
.newsdetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin: 15px 0;}
.newsdetail .up .sh .left{ float: left; font-size: 14px; color: #999;}
.newsdetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
.newsdetail .up .sh .right{ float: right;}
.newsdetail .up .sh .right a{ display: block; width: 36px; height: 36px; float: left; margin-left: 20px;}
.newsdetail .up .sh .right a.s{ background: url(../img/icon5.png) center no-repeat;}
.newsdetail .up .sh .right a.s:hover{ background: url(../img/icon6.png) center no-repeat;}
.newsdetail .up .sh .right a.lb{ background: url(../img/icon7.png) center no-repeat;}
.newsdetail .up .sh .right a.lb:hover{ background: url(../img/icon8.png) center no-repeat;}
.newsdetail .up .sh .right a.x{ background: url(../img/icon9.png) center no-repeat;}
.newsdetail .up .sh .right a.x:hover{ background: url(../img/icon10.png) center no-repeat;}
.newsdetail .detail{ width: 1200px; margin: 0 auto; padding: 20px 0 50px; border-bottom: 1px solid #313131; line-height: 36px; font-size: 16px; color: #999;}
.newsdetail .detail img{ display: block; max-width: 100%; height: auto!important;; margin: 15px auto;}
.newsdetail .operation{ width: 1200px; margin: 0 auto;}
.newsdetail .operation .next{ width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #313131;  font-size: 16px; color: #666;}
.newsdetail .operation .next a{ display: inline-block; width: 70%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsdetail .operation .next a:hover{ color: #fff;}
.newsdetail .operation .next span{ float: right;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.newsdetail{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.newsdetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.newsdetail .up  h4{font-size: 18px; color: #fff; font-weight: normal;}
	.newsdetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin:5px 0 15px;}
	.newsdetail .up .sh .left{ float: none; font-size: 14px; color: #999;}
	.newsdetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.newsdetail .up .sh .right{display: none;}
	.newsdetail .detail{ width: 94%; margin: 0 auto; padding: 20px 0 50px; border-bottom: 1px solid #313131; line-height: 36px; font-size: 16px; color: #999;}
	.newsdetail .detail img{ display: block; max-width: 100%; height: auto!important;; margin: 15px auto;}
	.newsdetail .operation{ width: 94%; margin: 0 auto;}
	.newsdetail .operation .next{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #313131;  font-size: 16px; color: #666;}
	.newsdetail .operation .next a{ display: inline-block; width: 100%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.newsdetail .operation .next span{display: none; float: right;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.newsdetail{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.newsdetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.newsdetail .up  h4{font-size: 16px; color: #fff; font-weight: normal;}
	.newsdetail .up .sh{ width: 100%; height: 30px; line-height: 30px; margin:5px 0 15px;}
	.newsdetail .up .sh .left{ float: none; font-size: 12px; color: #999;}
	.newsdetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.newsdetail .up .sh .right{display: none;}
	.newsdetail .detail{ width: 94%; margin: 0 auto; padding: 20px 0 30px; border-bottom: 1px solid #313131; line-height: 26px; font-size: 12px; color: #999;}
	.newsdetail .detail img{ display: block; max-width: 100%; height: auto!important;; margin: 15px auto;}
	.newsdetail .operation{ width: 94%; margin: 0 auto;}
	.newsdetail .operation .next{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #313131;  font-size: 14px; color: #999;}
	.newsdetail .operation .next a{ display: inline-block; width: 100%; color: #999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.newsdetail .operation .next span{display: none; float: right;}
}

/*鏂伴椈璇︽儏椤电粨鏉�*/	

/*鍔犲伐瑙嗛鍒楄〃寮€濮�*/
.videolist{  width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.videolist ul{ width: 1200px; margin: 0 auto;}
.videolist ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 80px;}
.videolist ul li:nth-child(3n){ margin-right: 0;}
.videolist ul li:first-child+li+li{margin-right: 0;}
.videolist ul li a{ display: block;}
.videolist ul li a:hover .pic .date{ padding: 30px 10px 15px;}
.videolist ul li a:hover .bt{ color: #fff;}
.videolist ul li a .pic{position: relative; width: 380px; height: 240px;}
.videolist ul li a .pic img{ width: 380px; height: 240px;}
.videolist ul li a .pic .date{ position: absolute; top: -20px; left: 20px; padding: 20px 10px 15px;  background-color: #434343; border-radius: 15px; text-align: right; color: #fff; transition: 0.5s;}
.videolist ul li a .pic .date span{ display: block; font-size: 24px;}
.videolist ul li a .pic .date font{display: block;font-size: 16px;}
.videolist ul li a .bt{display: block; margin-top: 20px; font-size: 16px; color: #ccc;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.videolist{  width: 100%;background-color: #292929; padding: 60px 0; margin-bottom: 0;}
	.videolist ul{ width: 94%; margin: 0 auto;}
	.videolist ul li{ float: left; width:48%; margin-right:4%; margin-bottom: 50px;}
	.videolist ul li:nth-child(2n){ margin-right: 0 !important;}
	.videolist ul li:first-child+li{margin-right: 0 !important;}
	.videolist ul li:nth-child(3n){ margin-right: 4% ;}
	.videolist ul li:first-child+li+li{margin-right: 4%;}
	.videolist ul li a{ display: block;}
	.videolist ul li a .pic{position: relative; width: 100%; height: 110px;}
	.videolist ul li a .pic img{ width: 100%; height: 110px;}
	.videolist ul li a .pic .date{ position: absolute; top: -20px; left: 10px; padding: 10px 10px 10px;  background-color: #434343; border-radius: 5px; text-align: right; color: #fff; transition: 0.5s;}
	.videolist ul li a .pic .date span{ display: block; font-size: 14px;}
	.videolist ul li a .pic .date font{display: block;font-size: 12px;}
	.videolist ul li a .bt{display: block; margin-top: 10px; font-size: 14px; color: #ccc;
	word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: clip; white-space: normal;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.videolist{  width: 100%;background-color: #292929; padding: 60px 0; margin-bottom: 0;}
	.videolist ul{ width: 94%; margin: 0 auto;}
	.videolist ul li{ float: left; width:48%; margin-right:4%; margin-bottom: 50px;}
	.videolist ul li:nth-child(2n){ margin-right: 0 !important;}
	.videolist ul li:first-child+li{margin-right: 0 !important;}
	.videolist ul li:nth-child(3n){ margin-right: 4% ;}
	.videolist ul li:first-child+li+li{margin-right: 4%;}
	.videolist ul li a{ display: block;}
	.videolist ul li a .pic{position: relative; width: 100%; height: 110px;}
	.videolist ul li a .pic img{ width: 100%; height: 110px;}
	.videolist ul li a .pic .date{ position: absolute; top: -20px; left: 10px; padding: 10px 10px 10px;  background-color: #434343; border-radius: 5px; text-align: right; color: #fff; transition: 0.5s;}
	.videolist ul li a .pic .date span{ display: block; font-size: 14px;}
	.videolist ul li a .pic .date font{display: block;font-size: 12px;}
	.videolist ul li a .bt{display: block; margin-top: 10px; font-size: 14px; color: #ccc;
	word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: clip; white-space: normal;}
}	
/*鍔犲伐瑙嗛鍒楄〃缁撴潫*/ 

/*瑙嗛璇︽儏寮€濮�*/
.videodetail{  width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.videodetail .up{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #ccc;}
.videodetail .up  h4{font-size: 28px; color: #008ef2; font-weight: normal;}
.videodetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin: 15px 0;}
.videodetail .up .sh .left{ float: left; font-size: 14px; color: #999;}
.videodetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
.videodetail .up .sh .right{ float: right;}
.videodetail .up .sh .right a{ display: block; width: 36px; height: 36px; float: left; margin-left: 20px;}
.videodetail .up .sh .right a.s{ background: url(../img/icon5.png) center no-repeat;}
.videodetail .up .sh .right a.s:hover{ background: url(../img/icon6.png) center no-repeat;}
.videodetail .up .sh .right a.lb{ background: url(../img/icon7.png) center no-repeat;}
.videodetail .up .sh .right a.lb:hover{ background: url(../img/icon8.png) center no-repeat;}
.videodetail .up .sh .right a.x{ background: url(../img/icon9.png) center no-repeat;}
.videodetail .up .sh .right a.x:hover{ background: url(../img/icon10.png) center no-repeat;}
.videodetail .video{ width: 800px; margin:40px auto;}
.videodetail .video video{ width: 800px; height: 505px;}
.videodetail .detail{ width: 1200px; margin: 0 auto;line-height: 36px; font-size: 16px; color: #999;}
.videodetail .detail img{ display: block; max-width: 100%; margin: 15px auto;}
.videodetail .detail table{ max-width: 100%; border-collapse: collapse;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.videodetail{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.videodetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.videodetail .up  h4{font-size: 18px; color: #008ef2; font-weight: normal;}
	.videodetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin:5px 0 15px;}
	.videodetail .up .sh .left{ float: none; font-size: 14px; color: #999;}
	.videodetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.videodetail .up .sh .right{display: none;}
	.videodetail .video{ width: 94%; margin:30px auto;}
	.videodetail .detail{ width: 94%; margin: 0 auto;line-height: 36px; font-size: 16px; color: #999;}
	.videodetail .detail img{ display: block; max-width: 100%; margin: 15px auto;}
	.videodetail .detail table{ max-width: 100%; border-collapse: collapse;}
	.videodetail .video{ width: 100%; margin:40px auto;}
	.videodetail .video video{ width: 100%; height: auto;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.videodetail{  width: 100%;background-color: #292929; padding: 30px 0; margin-bottom: 0;}
	.videodetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.videodetail .up  h4{font-size: 16px; color: #999; font-weight: normal;}
	.videodetail .up .sh{ width: 100%; height: 30px; line-height: 30px; margin:5px 0 15px;}
	.videodetail .up .sh .left{ float: none; font-size: 12px; color: #999;}
	.videodetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.videodetail .up .sh .right{display: none;}
	.videodetail .video{ width: 94%; margin:20px auto 10px;}
	.videodetail .detail{ width: 94%; margin: 0 auto;line-height: 24px; font-size: 14px; color: #999;}
	.videodetail .detail img{ display: block; max-width: 100%; margin: 15px auto;}
	.videodetail .detail table{ max-width: 100%; border-collapse: collapse;}
	.videodetail .video{ width: 100%; margin:40px auto;}
	.videodetail .video video{ width: 100%; height: auto;}
}
/*瑙嗛璇︽儏缁撴潫*/

/*鎶€鏈敮鎸佸垪琛ㄥ紑濮�*/
.supportlist{ width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.supportlist ul{ width: 1200px; margin: 40px auto 0;}
.supportlist ul li{float: left; width: 360px; margin-right: 60px; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #fff; }
.supportlist ul li:nth-child(3n){ margin-right: 0;}
.supportlist ul li:first-child+li+li{margin-right: 0;}
.supportlist ul li a{ display: block;}
.supportlist ul li a:hover h4{ color: #008ef2;}
.supportlist ul li a h4{font-size: 20px; color: #fff; font-weight: normal;text-overflow:ellipsis;overflow:hidden;
white-space:nowrap;}
.supportlist ul li a .des{ display: block; margin-top: 20px; height: 130px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden;}
.supportlist ul li a span{ display: block;  margin-top: 25px; font-size: 14px; color: #fff;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.supportlist{ width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.supportlist ul{ width: 94%; margin:30px auto 0;}
	.supportlist ul li{float: left; width: 48%; margin-right: 4%; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
	.supportlist ul li:nth-child(2n){ margin-right: 0 !important;}
	.supportlist ul li:first-child+li{ margin-right: 0 !important;}
	.supportlist ul li:nth-child(3n){ margin-right: 4%;}
	.supportlist ul li:first-child+li+li{margin-right: 4%;}
	.supportlist ul li a{ display: block;}
	.supportlist ul li a h4{font-size: 18px; color: #fff; font-weight: normal;text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap;}
	.supportlist ul li a .des{ display: block; margin-top: 15px; height: 130px; line-height: 20px; font-size: 12px; color: #666; overflow: hidden;}
	.supportlist ul li a span{ display: block;  margin-top: 2px; font-size: 14px; color: #fff;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.supportlist{ width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.supportlist ul{ width: 94%; margin:30px auto 0;}
	.supportlist ul li{float: left; width: 48%; margin-right: 4%; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
	.supportlist ul li:nth-child(2n){ margin-right: 0 !important;}
	.supportlist ul li:first-child+li{ margin-right: 0 !important;}
	.supportlist ul li:nth-child(3n){ margin-right: 4%;}
	.supportlist ul li:first-child+li+li{margin-right: 4%;}
	.supportlist ul li a{ display: block;}
	.supportlist ul li a h4{font-size: 16px; color: #fff; font-weight: normal;text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap;}
	.supportlist ul li a .des{ display: block; margin-top: 15px; height: auto; line-height: 20px; font-size: 12px; color: #666;height: 124px; overflow: hidden;}
	.supportlist ul li a span{ display: block;  margin-top: 20px; font-size: 14px; color: #fff;}
}
/*鎶€鏈敮鎸佸垪琛ㄧ粨鏉�*/

/*妗堜緥鍒楄〃寮€濮�*/
.caselist{ width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.caselist ul{ width: 1200px; margin: 0 auto;}
.caselist ul li{ float: left; width: 380px; height: 180px; margin-right: 27px; margin-bottom: 30px; border: 1px solid #4c4c4c;}
.caselist ul li:nth-child(3n){ margin-right: 0;}
.caselist ul li:first-child+li+li{ margin-right: 0;}
.caselist ul li img{ width: 380px; height: 180px;}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.caselist{ width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.caselist ul{ width: 94%; margin: 0 auto;}
	.caselist ul li{ float: left; width: 47%; height: 140px; margin:0 1%; margin-bottom: 30px; border: 1px solid #4c4c4c; overflow: hidden;}
	.caselist ul li:nth-child(2n){ margin-right: 0 !important;}
	.caselist ul li:first-child+li{ margin-right: 0 !important;}
	.caselist ul li:nth-child(3n){  margin:0 1% 30px;}
	.caselist ul li:first-child+li+li{  margin:0 1% 30px;}
	.caselist ul li img{ width: 100%; height: 140px;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.caselist{ width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.caselist ul{ width: 94%; margin: 0 auto;}
	.caselist ul li{ float: left; width: 47%; height: 80px; margin:0 1%; margin-bottom: 10px; border: 1px solid #4c4c4c; overflow: hidden;}
	.caselist ul li:nth-child(2n){ margin-right: 0 !important;}
	.caselist ul li:first-child+li{ margin-right: 0 !important;}
	.caselist ul li:nth-child(3n){  margin:0 1% 10px;}
	.caselist ul li:first-child+li+li{ margin:0 1% 10px;}
	.caselist ul li img{ width: 100%; height: auto;}
}
/*妗堜緥鍒楄〃缁撴潫*/

/*妗堜緥璇︽儏寮€濮�*/
.casedetail{  width: 100%;background-color: #292929; padding: 70px 0; margin-bottom: 459px;}
.casedetail .up{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #ccc;}
.casedetail .up  h4{font-size: 28px; color: #fff; font-weight: normal;}
.casedetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin: 15px 0;}
.casedetail .up .sh .left{ float: left; font-size: 14px; color: #999;}
.casedetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
.casedetail .up .sh .right{ float: right;}
.casedetail .up .sh .right a{ display: block; width: 36px; height: 36px; float: left; margin-left: 20px;}
.casedetail .up .sh .right a.s{ background: url(../img/icon5.png) center no-repeat;}
.casedetail .up .sh .right a.s:hover{ background: url(../img/icon6.png) center no-repeat;}
.casedetail .up .sh .right a.lb{ background: url(../img/icon7.png) center no-repeat;}
.casedetail .up .sh .right a.lb:hover{ background: url(../img/icon8.png) center no-repeat;}
.casedetail .up .sh .right a.x{ background: url(../img/icon9.png) center no-repeat;}
.casedetail .up .sh .right a.x:hover{ background: url(../img/icon10.png) center no-repeat;}
.casedetail .detail{ width: 1200px; margin: 0 auto; padding: 20px 0 50px; border-bottom: 1px solid #313131; line-height: 36px; font-size: 16px; color: #999;}
.casedetail .detail img{ display: block; max-width: 100%; height: auto; margin: 15px auto;}
.casedetail .operation{ width: 1200px; margin: 0 auto;}
.casedetail .operation .next{ width: 100%; height: 80px; line-height: 80px; border-bottom: 1px solid #313131;  font-size: 16px; color: #666;}
.casedetail .operation .next a{ display: inline-block; width: 70%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.casedetail .operation .next a:hover{ color: #fff;}
.casedetail .operation .next span{ float: right;}

@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.casedetail{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.casedetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.casedetail .up  h4{font-size: 18px; color: #fff; font-weight: normal;}
	.casedetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin:5px 0 15px;}
	.casedetail .up .sh .left{ float: none; font-size: 14px; color: #999;}
	.casedetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.casedetail .up .sh .right{display: none;}
	.casedetail .detail{ width: 94%; margin: 0 auto; padding: 20px 0 50px; border-bottom: 1px solid #313131; line-height: 36px; font-size: 16px; color: #999;}
	.casedetail .detail img{ display: block; max-width: 100%; height: auto!important; margin: 15px auto;}
	.casedetail .operation{ width: 94%; margin: 0 auto;}
	.casedetail .operation .next{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #313131;  font-size: 16px; color: #666;}
	.casedetail .operation .next a{ display: inline-block; width: 100%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.casedetail .operation .next span{display: none; float: right;}
}

@media (max-width:479px){/*寰皬灞忓箷*/
	.casedetail{  width: 100%;background-color: #292929; padding: 40px 0; margin-bottom: 0;}
	.casedetail .up{ width: 94%; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.casedetail .up  h4{font-size: 18px; color: #fff; font-weight: normal;}
	.casedetail .up .sh{ width: 100%; height: 36px; line-height: 36px; margin:5px 0 15px;}
	.casedetail .up .sh .left{ float: none; font-size: 14px; color: #999;}
	.casedetail .up .sh .left span{ display: block; float: left; margin-right: 20px;}
	.casedetail .up .sh .right{display: none;}
	.casedetail .detail{ width: 94%; margin: 0 auto; padding: 20px 0 50px; border-bottom: 1px solid #313131; line-height: 36px; font-size: 16px; color: #999;}
	.casedetail .detail img,.casedetail .detail p img{ display: block; width: 100%; height: auto!important; margin: 15px auto;}
	.casedetail .operation{ width: 94%; margin: 0 auto;}
	.casedetail .operation .next{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #313131;  font-size: 16px; color: #666;}
	.casedetail .operation .next a{ display: inline-block; width: 100%; color: #666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.casedetail .operation .next span{display: none; float: right;}
}
/*妗堜緥璇︽儏缁撴潫*/



/*娴峰娲惧厠寮€濮�*/
.haiwaipaike{ max-width:1200px; margin:0 auto; line-height: 24px; font-size: 14px; color: #999; text-align:center; padding-bottom:60px;}
.aboutxq > h4{ text-align: center; font-size: 30px; color: #fff; font-weight: normal; margin-bottom: 40px;}
.Box {position: relative;}
.Box .content {max-width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute; z-index:2222;}
.Box .Box_con .btn {display: block; width: 19px;height: 54px;position: absolute; top: 73px;cursor: pointer;}
.Box .Box_con .btnl {background:url(../img/jtl02.png) no-repeat center;left: -32px;}
.Box .Box_con .btnr {background: url(../img/jtr02.png) no-repeat center;right: -32px;}
.Box .Box_con .btnl:hover {background: url(../img/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../img/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px; height:200px; transition: all 0.5s; cursor: pointer;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch{margin-top: 30px;text-align: center; display: none;}
@media (max-width:1199px) {
	.Box .content{width: 100%;overflow: hidden;}
	.haiwaipaike{width: 94%; margin: 0 3%;}
	.Box .Box_con .conbox ul{ width: 100%;max-height: 200px; overflow: hidden;}
}
@media (max-width:640px) {
	.Box .content{width: 100%;overflow: hidden;}
	.Box .Box_con .conbox ul{ width: 100%;max-height: 200px; overflow: hidden;}
	.Box .Box_con .conbox ul li:first-child {margin-left: 20px;}

}
/*娴峰娲惧厠缁撴潫*/
 /*缈婚〉鏍峰紡寮€濮�*/
 .fanye{ position:relative; z-index:9999; margin:30px auto; text-align:center}
.fanye a{ display:inline-block; width:5px; height:5px; background:#fff; margin:0 14px; line-height:168px; border-radius:50%;}
.fanye a:hover{ background:#008ef2;}
.fanye a.one{ background:#008ef2; }
.fanye .fanye_row_l{ width:10px; height:10px;background:noone;}
.fanye .fanye_row_r{ width:10px; height:10px;border-radius:0; border:onne; background:none;}
.fanye img{ display:block;}
.fanye .fanye_row_l:hover,.fanye .fanye_row_r:hover{background:none;}
 /*缈婚〉鏍峰紡缁撴潫*/

.friend_box{height: 60px;width: 100%;background-color: #292929; padding: 15px 0;}
.friend{line-height: 60px;  max-width: 1400px; margin: 0 auto; color: #fff; font-size: 14px;margin-bottom: 495px; }
.friend a{ display: inline-block; line-height: 60px; font-size: 14px; color: #ccc; padding-right: 10px;}
.friend a:hover{ color: #2d7abf; cursor: pointer;}

@media (min-width: 1200px) and (max-width: 1400px){
	.friend{ max-width: 1200px;}
	}
@media (min-width: 480px) and (max-width: 770px) {/*涓昏鎵嬫満绔�*/
	.friend_box{height: auto;}
	.friend{ width: 94%; margin: 0 3%; line-height:24px;}
	.friend a{ line-height:24px;}
	}
@media (max-width:479px){/*寰皬灞忓箷*/
	.friend_box{height: auto;}
	.friend{ width: 94%; margin: 0 3%; line-height:24px;}
	.friend a{ line-height:24px;}
	}



.container { margin: 0 auto; max-width: 980px; }
#info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold; display: none;}
#demo { padding: 10; }
pre{ height: 10px;}
article{margin-bottom: 0;}
.readmore-js-toggle{ display: none !important;}

@media (max-width:770px) {
	.readmore-js-toggle{ display: block !important;}
}


/*
.gundong{ -webkit-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);
            -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
            transition: opacity 0.5s,-webkit-transform 0.5s;
            -o-transition: transform 0.5s,opacity 0.5s;
            transition: transform 0.5s,opacity 0.5s;
            transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
            opacity:0;}

.gundong.on{ -webkit-transform: none; -ms-transform: none;transform: none; opacity:1;}   */


.newsdetail .detail iframe{ width: 100%; height: auto;}
@media(max-width:720px){
	.newsdetail .detail iframe{ width: 100%; height: auto; min-height: 200px;}
}

.prodetail .pro_mid .detail iframe{ width: 100%; height: auto; min-height: 400px;}
@media(max-width:720px){
	.prodetail .pro_mid .detail iframe{ width: 100%; height: auto; min-height: 220px;}
}

.prodetail .pro_mid .detail embed{ width: 100%; height: auto; min-height: 400px;}
@media(max-width:720px){
	.prodetail .pro_mid .detail embed{ width: 100%; height: auto; min-height: 220px;}
}






.news_show .list .new:hover{ background-color: rgba(0,0,0,0.3); cursor: pointer;}
.news_show .list .new a:hover .info{ margin-left: 150px;}